Урок 4. Как изменить размер фото — два простых способа

Просмотров: 8330 image

Привет всем! Сегодняшний пост я посвящу теме работы с изображениями. А именно расскажу, как изменить размер картинки и уменьшить ее вес перед загрузкой на сайт без потери качества.  Продвинутые пользователи, которые хорошо знакомы с программой Adobe Photoshop, нового ничего не узнают, а новички, не слышавшие о Фотошопе и работе с ним, получат новые знания и смогут применить их на практике.

Несколько слов о том, для чего же нужно уменьшать размер картинки. Если Вы ведете свой сайт или блог, то по любому добавляете в статью хотя бы одну картинку. Ведь без картинок статья смотрится совсем унылой. Каждая картинка имеет свой вес, который оказывает влияние на загрузку статьи.

if ( !is_single( array( 59, 64, 66, 527, 520, 543,727, 3574, 8476, 3385 ) ) ) : endif;

С потребностью сжимать размер и вес изображения сталкиваются владельцы блогов, на которых публикуются мастер-классы. Например, кулинарный сайт с пошаговыми рецептами. Где каждый шаг сопровождается картинкой. Понятное дело, что фото делаются при помощи фотика. Чем качественнее фото, тем больший размер оно имеет. Фото самого низкого качества, сделанного фотоаппаратом, весит от 1 Мб. Среднего качества 3-5 Мб. Все бы ничего, но далеко не у всех скоростной интернет. Если брать не города-миллионники, а населенные пункты поменьше, то у них скорость такая, что 1 Мб будет грузиться 20-60 секунд. Я уже не говорю о тех, кто выходит в сеть через мобильный интернет. Там со скоростью плачевные дела.

image

Кроме того, что картинки будут медленно загружаться у большинства пользователей, это негативно скажется на отношении к сайту поисковых систем. Медленно открывающийся сайт будет посещать меньше пользователей. Пример. Перешел посетитель на сайт из результатов поисковой выдачи. И ждет загрузки страницы. Если прошла минута, а содержимое на сайте еще не открылось, вероятность того, что он закроет страницу и вернется к выдаче очень высокая. Если это произойдет 1 раз из 10, ничего смертельного не будет. А когда только 3 человек из 10 дождались открытия страницы, а остальные 7 пошли открывать другие сайты, это очень плохо. Поисковый робот получает сигнал о том что, раз пользователи обходят стороной сайт, значит ему не место на такой высокой позиции в результатах выдачи. А, как известно, чем дальше сайт от 1-3 места в Топе, тем меньше людей переходит на него.

Итак, главные причины, заставляющие нас уменьшить размер изображения:

  1. Ускорение загрузки картинки на сайте
  2. Улучшение ранжирования сайта поисковыми системами
  3. Экономия места на хостинге

Уменьшить размер картинки можно многими способами. Есть и онлайн сервисы и многочисленные программки. Я покажу, как изменить размер картинки в фотошопе. В самом много функциональном редакторе.

Как в фотошопе изменить размер изображения

Photoshop — не только программа для изменения размера изображения. С ее помощью можно уникализировать любую картинку. Если Вы берете изображения из поиска по картинкам Гугла или Яндекса, то при добавлении картинок в статью важно их изменять таким образом, чтобы они становились отличны от тех, что уже есть в сети. Подробнее о том, как сделать картинку уникальной читайте по ссылке https://inetsovety.ru/kak-sdelaty-kartinku-unikalynoy/

Чтобы уменьшить размер картинки без потери качества открываем интересующее нас изображение в фотошопе. В горизонтальном меню фотошопа нажмите «файл» — «открыть» и выберите файл на компьютере.

Определитесь, какого именно размера картинка Вам нужна. Например, если Вы добавляете миниатюру к посту, то Вам достаточно фото размером 200 px на 200 px. Если же Вы добавляете картинку в статью и хотите, чтобы она была по ширине контента, тогда ширина изображения будет 500-600 пикселей, в зависимости от ширины шаблона. Безусловно, функционал водрдпресс сам уменьшит размеры фото под миниатюру, но вот вес картинки никуда не денется. Если загружена картинка размером 1000*1000 пикселей и весом 500 кб. Показываться будет в миниатюре изображение размером 200*200, а вот загружаться будет файл весом в 500 кб.

Изменение размера изображения в фотошопе приведет к уменьшению веса файла в десятки раз!

Теперь в меню найдите пункт «Изображение» и в выпавшем подменю выберите «Размер изображения».

Откроется окошко, в котором будет указана текущая ширина и высота изображения. Указываете нужную Вам ширину, и изображение пропорционально уменьшится.

Когда Вы выбирали в меню пункт «Размер изображения», под ним был другой – «Размер холста». С помощью этой опции можно обрезать картинку. Например, когда она по ширине больше, чем по высоте, тем самым сделать ее квадратной.

Откроется вот такое окно. Кликните по картинке для увеличения:

В нем Вы можете с помощью настроек смотреть, как изменяется размер и вес файла. В зависимости от типа файла и качества. Основные два типа разрешений файла JPEG и PNG. В формате JPEG я сохраняю красочные картинки, а в PNG черно-белые и с минимальным количеством цветов. Скрины для этой статьи у меня сохранены в PNG, т.к. в этом формате они имеют наименьший вес. При сохранении в JPEG я обычно ставлю качество 50-60, чтобы еще больше сжать файл.

Когда сохраняете в PNG, то лучше не масштабировать картинку. Поэкспериментируйте, и Вы увидите, как увеличивается размер файла с уменьшением размера изображения. Если изображения шире, чем колонка контента, я в визуальном редакторе сужаю. А, для увеличения картинок в статьях, использую плагин Auto Highslide, подробнее о нем тут https://inetsovety.ru/uvelitchenie-kartinki-v-bloge-na-wordpress/

Вот как можно изменить и уменьшить размер изображения в фотошопе без потери качества. Если что-то непонятно, спрашивайте. До встречи!

С уважением, Виктория – блог inetsovety.ru

Поделиться ссылкой на пост в соц. сетях Похожие посты—>Оставить комментарий

Комментарий появится после проверки. Комментарии, содержащие спам и ненормативную лексику будут удалены!

Mimihack, Факты

Октябрь 17, 2019 — Mimihack, Факты

Современные смартфоны поражают воображение своими техническими возможностями. Большинство из них может составить серьезную конкуренцию профессиональным фотоаппаратам. Если раньше с помощью телефонов можно было делать фотографии до 100 Кб, то сегодня размер снимков на некоторых моделях составляет 3 Мб и более. С одной стороны это неоспоримое преимущество, с другой — ощутимый минус. Теперь изображения занимают слишком много памяти. Кроме того, многие пользователи сталкиваются с трудностями при передаче фотографий в социальных сетях. В нашей статье вы узнаете, как уменьшить фото на телефоне андроид.

В Google Play и App Store представлено огромное количество мобильных программ, с помощью которых можно в считанные минуты изменить размер и формат снимков. Перечислим наиболее популярные и эффективные из них.

  • Photo Resizer

Photo Resizer — бесплатное приложение для андроида, которое приобрело огромную популярность у пользователей благодаря своей функциональности и простоте. Программа позволяет в пару кликов менять размер и формат снимков, уменьшать изображение перед отправкой по электронной почте. Для пользователей доступны стандартные варианты разрешения (1600х1200, 1280х960, 1024х768, 800х600 и т.д) или произвольная настройка, которая позволяет изменить фото на андроиде по своему усмотрению.

Чтобы уменьшить разрешение снимка на телефоне, необходимо выполнить несколько простых шагов:

  • открыть приложение и нажать на изображение папки в центре экрана;
  • выбрать необходимую фотографию в галерее;
  • подобрать подходящее разрешение или выставить вручную;
  • сохранить готовый результат в памяти гаджета или отправить в социальной сети.

Photo Resizer позволяет также уменьшить масштаб фото на андроиде. Все значения пользователь может выставить самостоятельно. Пошаговая инструкция изменения размера снимка выглядит следующим образом:

  • выбрать источник изображения: галерея телефона или камера;
  • рядом с выбранным снимком нажать «Изменение»;
  • установить оптимальные значения по вертикали и диагонали;
  • нажать кнопку «Идти»;
  • после обработки сохранить изображение в галерее или отправить его в социальную сеть.
  • Photo Compress

Photo Compress — очень простое и удобное приложение, с помощью которого можно сжать фото и уменьшить его объем на андроиде без потери качества. Программа позволяет в пару кликов обрезать изображение и скорректировать его разрешение. Готовым результатом пользователь может поделиться в социальных сетях или сохранить в галерею смартфона. Достоинством приложения является возможность выбора источника картинки: имеющееся в галерее телефона фото или новый снимок. Программа для изменения качества фото находится в бесплатном доступе и не занимает много места на андроиде.

  • Photoczip

По своему функциональному назначению приложение Photoczip схоже с вышеописанными программами. С его помощью вы с легкостью уменьшите размер и вес фото на телефоне андроид. Помимо изменения объема и разрешения программа позволяет создавать архивы, добавлять водяные знаки на изображения, преобразовывать формат снимка из PNG в JPG и т.д. Работать с приложением невероятно просто: достаточно выбрать необходимую фотографию из галереи и нажать всего одну кнопку «Сжать».

  • Picture Resizer

Picture Resizer — многофункциональное приложение, открывающее широкие возможности для изменения разрешения, веса и формата изображения. Программа позволяет применить готовые шаблоны или выставить настройки произвольно. По своему функционалу приложение схоже с Photo Resizer. Работа с софтом осуществляется в несколько шагов:

  • Открыть фото из галереи или сделать новое;
  • В меню настроек выбрать подходящий размер или установить самостоятельно;
  • Сохранить в памяти андроида или отправить в сообщении в социальной сети.

Другие способы уменьшить фото на андроиде

Для изменения формата и разрешения фотографий помимо мобильных приложений можно использовать и другие методы. Одним из наиболее популярных способов является работа в Photoshop. Сервис позволяет изменить изображение без потери качества. Чтобы уменьшить размер снимка, не обязательно владеть навыками работы с программой. Пошаговая инструкция выглядит следующим образом:

  • Открыть необходимую фотографию;
  • Кликнуть на вкладку «Изображение»;
  • В открывшемся меню выбрать «Размер изображения»;
  • Выставить наиболее оптимальные значения;
  • Сохранить результат с помощью вкладки «Файл».

Приложение можно установить и на андроид. Разработчики адаптировали ее под современные смартфоны и планшеты.

Еще одним простым и быстрым способом, как уменьшить размер и вес фото, является использование всем известной программы Paint. Несмотря на небольшой набор функций, она довольно полезна. А благодаря своей невероятной простоте Paint позволяет отредактировать изображение в считанные минуты. Все, что от вас потребуется, — открыть необходимую фотографию, перейти в раздел «Изображение», выбрать пункт «Изменить размер», выставить параметры по своему усмотрению и сохранить изменения.

Не хотите тратить драгоценное время на перенос фотографий для редактирования с андроида на компьютер? Установите приложение Mimigram, в котором в пару кликов можно заказать печать любимых изображений. Программа позволяет предварительно отредактировать снимок, кадрировать и наложить интересные фильтры. Еще больше рекомендаций по редактированию фото вы найдете в нашем блоге.

Всем огромный привет, дорогие друзья! Как изменить размер фотографии на компьютере, при этом не используя сторонних программ и не имея опыта работы в фотошопе?

На самом деле, задача очень простая и легко решается с помощью уже имеющихся средств на ПК. Мы с вами разберём три варианта:

  • Как изменить размер фотографии в пикселях или сантиметрах.
  • Как обрезать фото, оставив интересующий фрагмент.
  • Как изменить формат фотографии – PNG, JPEG, GIF и др.

Работать будем в стандартном приложении Paint, которое есть практически во всех версиях Windows. Поехали учиться!

Содержание статьи

Как изменить размер фотографии на компьютере

Чтобы изменить размер изображения, нужно открыть стандартное приложение Paint. Жмём левой кнопкой на меню “Пуск” и находим там папку “Стандартные – Windows”, открываем папку и жмём на значок Paint.

В левом верхнем углу открывшейся программы жмём “Файл”, а в выпадающем меню выбираем “Открыть”

Выбираете фотографии на ПК и нажимаете “Открыть”

Если изображение слишком большое, уменьшаем окно просмотра в правом нижнем углу программы.

После загрузки изображения, становятся активны инструменты в верней панели. Выбираем инструмент “Изменить размер”

В открывшемся окне выбираем параметры изменения размера фотографии. Есть возможность изменить размер в процентах или пикселях. Если сохранение пропорций изображения не важны, то снимаем галочку “Сохранить пропорции” и жмём “Ок”

Когда изменили размер, жмём “Файл”, “Сохранить как”, и справа выбираем формат сохраняемой фотографии. То есть, вы можете изменить не только размер, но и формат изображения. Например, изображение было в формате PNG, а вы сохраняете в более лёгком формате JPEG

Как обрезать фотографию без фотошопа

Точно так же открываем фотографию в Paint, чтобы обрезать края или выделить определённую часть фотографии, убрав всё остальное.

Затем выбираем инструмент “Выделение”, а в выпадающем меню “Прямоугольная область”

Появляется специальный курсор. Теперь нужно зажать левую кнопку мыши, и не отпуская – выделить мышью необходимую область фотографии.

Когда выделили область — жмём “Обрезать”. Остаётся выделенная область изображения, а всё остальное обрезается.

На этом всё! Надеюсь, что был вам полезен! Если пригодилась инструкции, поделитесь с друзьями и подписывайтесь на новости блога. До связи!

Да, возможно вам будет полезно – “Как соединить две фотографии в Paint”

Задать вопрос или предложить идею Руслан Ошаров Основатель и технический руководитель серии образовательных проектов Rosh School

Меняем размер изображения

Выполнить поставленную задачу можно как путем изменения разрешения картинки, так и с помощью ее кадрирования (обрезки). Давайте рассмотрим оба метода на примере изображения ниже.

Метод 1: Простое изменение размера (разрешения) изображения

  1. Открыв картинку в программе переходим в меню “Изображение” и кликаем по пункту “Размер изображения” (не путайте с “Размером холста”). Или же можно вызвать данную функцию при помощи комбинации клавиш Alt+Ctrl+I.
  2. Появится окошко, в котором устанавливаем нужные значения ширины и высоты. Чтобы соблюсти пропорции исходного изображения необходимо активировать соответствующую опцию нажатием небольшого значка рядом с квадратной скобкой, объединяющей размеры. После этого достаточно ввести всего один параметр, а второй рассчитается автоматически.Примечание: обращаем внимание на параметр “Разрешение”. Чем выше его значение, тем качественнее получится картинка при распечатке.
  3. После того как нужные параметры выставлены, просто жмем OK.

Метод 2: Обрезка картинки

Еще один способ изменения размера исходного изображения. Он пригодится, если нужно уменьшить картинку путем отсечения ненужной ее части (например, чтобы вырезать фото для аватарки, убрав лишний фон). Вот, что мы делаем:

  1. На боковой панели инструментов выбираем “Рамку”.
  2. В верхней части программы отобразится строка с настройками инструмента. Есть возможность воспользоваться стандартными параметрами, либо выставить свои собственные значения. Здесь же выбираем вид сетки, это поможет более корректно кадрировать картинку. Для доступа к дополнительным параметрам щелкаем по значку в виде шестеренки.
  3. С помощью зажатой левой кнопки мыши перетаскиваем границы активного участка изображения (выделены на скриншоте), который останется после кадрирования. По готовности жмем Enter.
  4. Все готово, нам удалось успешно изменить размер изображения, обрезав его.

Заключение

Как вы могли только что убедиться, вся проделанная работа занимает буквально пару минут. Таким образом, изменение размера изображения не требует глубокого знания Фотошопа и выполняется в несколько простых шагов.

Добрый день! Как часто вы трудитесь в Фотошопе? Согласно статистике, в день программу используют миллионы человек! Поэтому, принято считать, что любой «чайник» знает базовые функции, например, как менять размеры изображений в фотошопе.

Но возможно, вы тот самый «чайник», который этого ещё не умеет? Не расстраивайтесь! Сегодня я Вам покажу как деформировать фото в программе фотошоп.

Содержание

В начале

  • Для начала нам необходимо загрузить наш объект (Файл→ Открыть → Выбираем  картинку →Открыть).

image

  • В верхнем контекстном меню находим «Изображение», кликаем. Затем выбираем команду «размер изображения». Либо же можно воспользоваться командой «Alt+Ctrl+I».

image

Перед нами всплывает контекстное меню с параметрами нашей иллюстрации.

Это меню представляет собой две основные части — размерность и размер печатного оттиска. Текущий размер файла изображения указан справа от слова «Размерность».

Данные ширины и высоты показывают, что исходник имеет 512 пикселей в ширину и 288 пикселя в высоту. Это и есть основные детали, в которых мы заинтересованы.

image

Теперь разберём несколько методов изменения фото.

Пиксели в проценты

Нам необходимо условно увеличить/уменьшить картинку в несколько раз. С этой целью переведём пиксели в проценты (возле команды «пиксели» жмём на птичку и выбираем «проценты»).

image

В колонке «ширина» и «высота» появляются исходные значения. При их изменении, иллюстрация будет деформироваться.

Исправим «100», допустим на «150», тогда наше фото увеличится в два раза.

image

Нажимаем на кнопку «ОК». Обратите внимание, при этом, должна быть включена галочка «сохранить пропорции». Эта функция связывает ширину и высоту. При ее включении, высота изменяется автоматически, вслед за шириной. Наблюдаем результат.

image

Проще простого

А что, если у нас есть определенные значения для иллюстрации, но они не соответствуют пропорциям? Допустим, необходимо привести к следующему масштабу: 4000×1844 рх.

В таком случае, мы отменяем галочку «сохранение пропорций» и самостоятельно выставляем в колонках «ширина» и «высота» нужные нам данные.

image

Способ свободного деформирования

Но что делать, если необходимого масштаба невозможно достигнуть перечисленными методами? Фото получается растянутым и некрасивым? На помощь приходит свободное деформирование!

Для выбора этой команды, необходимо проделать следующий алгоритм:

1) В верхней панели отыскать иконку «Редактирование».

2) Выбрать команду «Свободное деформирование».

Или же, на английской раскладке находим букву «Т» и зажимаем одновременно с «Сtrl».

image

Теперь путем перемещения  появившегося прямоугольника курсором мышки меняем иллюстрацию до подходящих размеров.

Для сохранения необходимо зажать команду «Enter».

Метод Размер холста

С этим разобрались, а теперь представим ситуацию, когда на Ваше фото ещё нужно поместить график, текст или хочется сделать рамку, а места совсем не хватает.

Нас выручит инструмент «размер холста». Получаем доступ к нему через «Изображение» (располагается на верхней панели) →»Размер холста».

Механизм его работы заключается в следующем: при его уменьшении, картинка обрезается, а при увеличении слева и справа от иллюстрации появляются две белые границы. Нас интересует вторая функция.

В появившемся меню меняем значения «ширины» и «высоты» в колонке «новый размер». Внизу замечаем опцию «Расположение», которая позволяет увеличить или уменьшить холст в определенном месте.

Она состоит из сетки 3×3. Выбор центрального квадрата сбалансирует расположение фото, когда как любой другой из девяти квадратов переместит изображение относительно себя.

Также можно поменять «пиксели» на любую более удобную из предложенных величину.

Мне комфортнее работать с процентами. Я меняю значения «100» в обоих колонках на «150».

Выбираю команду «ОК». Наблюдаю результат. Вот так легко образовать белые границы.

Метод Кадрирование

Если же нам просто необходимо удалить часть иллюстрации легче воспользоваться командой кадрирования («Изображение»→»Кадрировать»).

Выбираем этот инструмент и с помощью перемещения всплывающей рамки добиваемся нужного масштаба. Для сохранения полученного эффекта необходимо нажать «Enter».

Способ создания нового файла

А как же изменить масштаб картинки так, чтобы соотношение сторон изменилось, а пропорции объектов остались прежними? Попробуем перевести картинку с 1600×1200 рх до 1920×1080 рх.

Для этого создадим файл нужного масштаба. Перейдем в кладку «Файл», затем «создать». И в образовавшемся окне проставим свои данные «ширина» – 1920 рх, «высота» — 1080 рх.

Мы создали файл.

Теперь перенесем сюда нужную иллюстрацию. Открываем папку с файлами и перетягиваем картинку в открытый файл Фотошопа.

Нам сразу доступно трансформирование. Зажмём клавишу «Shift» для сохранения пропорций и «Аlt» чтобы трансформирование происходило относительно центра. Растягиваем картинку до тех пор, пока она не начнет закрывать весь холст, далее нажимаем на галочку сверху, чтобы переместить объект в Фотошоп.

В чём же преимущество такого метода? А в том, что мы можем выровнять иллюстрацию. Для этого хватаем картинку инструментом перемещения и двигаем в нужном нам направлении, затем сохраняем сочетанием клавиш «Сtrl + Shift + S». Так мы изменили пропорции картинки.

Важный момент, который стоит учесть — с изменением параметров происходит изменение качества фото. При уменьшении рисунка качество иллюстрации искажается несильно, однако вместе с тем теряются многие детали, программа просто удаляет пиксели.

Если мы это изображение захотим вернуть в исходник, то при увеличении фото качество будет сильно отличаться. Фото станет нечетким, размытым.

Отсюда, делаем вывод, что если Вас интересует конечное качество картины, то необходимо заострять внимание на функцию увеличение изображения.

На этом все

Вот и все, дорогие друзья, всё. С помощью чего Вам удалось решить проблему? Пишите в комментариях. Если я был Вам полезен, подписывайтесь на обновление блога и обязательно делитесь статьей с друзьями. До новых встреч!

Иван.

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий