Как правильно изменить размер изображения в Photoshop
Если вам нравится делиться фотографиями в интернете, будь то Facebook или собственный блог, вы должны научиться правильно изменять размеры своих изображений. В то время, как ваша камера может делать снимки с очень высоким разрешением, всегда рекомендуется уменьшать размеры изображений или понижать их качество. Это делается не только потому, что большинство веб-сайтов не будут работать с большими изображениями, но также потому, что так они будут лучше выглядеть, если всё сделано правильно. В этом небольшом уроке я покажу вам правильный способ уменьшения размера изображения в Фотошоп. Когда дело доходит до изменения размера изображения в Фотошоп, пользователи используют различные методы. Метод, о котором расскажу вам я, отлично работает у меня, по крайней мере, исходя из ваших отзывов. Вы можете использовать эту технику с любым изображением – будь то портрет или потрясающий пейзаж.
Когда я писал о преимуществах сенсора высокого разрешения, то я использовал слово down-sampling (Даунсэмплинг), говоря о снижении шума и увеличении резкости изображений с высоким разрешением. Сразу после публикации урока от читателей ко мне появилось много вопросов такого характера, как выглядит процесс «Даунсэмплинг» и как это можно сделать. Затем я понял, что многие фотографы привыкли к термину Resizing (изменение размера) и никогда раньше не слышали о термине «Даунсэмплинг». Я часто использую это слово, потому что «изменение размера» применяется как к увеличению, так и уменьшению разрешения изображения (и, следовательно, к его размеру), тогда, как «Даунсэмплинг» применяется только к уменьшению изображения.
1. Зачем изменять размер/понижать качество изображения?
Для чего необходимо изменять размер изображения? Допустим, ваша камера является очень продвинутым инструментом и матрица содержит миллионы пикселей. Это хорошо, если вы хотите распечатать свои изображения, но что, если вам нужно поделиться ими в интернете? Многие веб-сайты даже не позволяют загружать изображения с высоким разрешением, в то время как другие, подобно Facebook, уменьшат их размер автоматически, снижая разрешение и качество этих изображений. Поскольку это автоматизированный процесс уменьшения изображений, зачастую он не оптимизирован для обеспечения наилучшего качества и может сделать вашу изменённую фотографию нечёткой, что приведёт к потере цветов и качества. Чтобы этого не случилось, всегда рекомендуется правильно изменять размеры изображений, прежде чем выкладывать их в Интернет. Таким образом, вы полностью контролируете, как должно выглядеть ваше изображение.
2. Процесс изменения размера изображений
Опять же есть множество разных способов изменения размера изображения. Вот тот, который я лично использую для своих изображений:
- Импорт изображения в Lightroom
- Внесение необходимых изменений в изображение, которые мне нужны
- Открытие изображения в Фотошоп
- Очистка изображения (пылевые пятна сенсора, нежелательные объекты и т.д.), используя Spot Healing Tool (Точечная восстанавливающая кисть) и другие подобные инструменты.
- Выполнение дополнительных коррекций изображения, такие как усиление контраста, осветление и затемнение, использование уровней и кривых и т.д.
- Уменьшение шума (применяется при видимом шуме на 100% и только 1 раз)
- Усиление резкости со значением 50-75%, используя фильтр Unsharp Mask (Контурная резкость). Данный шаг необходим, только если вы будете использовать изображение с высоким разрешением для печати
- Понижение качества изображения для конечного разрешения (разрешение обычно составляет 1024 пикселя для ширины и 500 пикселей для длины)
- Усиление резкости со значением 25-50% с использованием фильтра Unsharp Mask (Контурная резкость)
- Экспорт изображения в цветовой профиль sRGB
На первый взгляд процесс может показаться сложным, но на самом деле это не так. Я не делаю так с каждым изображением – только те изображения, которые я хочу выложить в интернет (например, обои и т.д.). Всё остальное обрабатывается намного проще – изображения экспортируются непосредственно из Lightroom.
3. Процесс изменения размера изображения
1. Для начала откройте изображение в Фотошоп, перейдя в File > Open (Файл — Открыть).
Убедитесь, что вы выбрали файл с исходным разрешением, а не ранее изменённую версию. Если вы использовали Lightroom, то кликните правой кнопкой мыши по изображению, а затем выберите Edit > Open in Photoshop (Редактирование – Открыть в Фотошоп). Я предполагаю, что вы уже поработали над своим изображением и отрегулировали экспозицию, уровни, насыщенность и т.д., например, в Camera RAW или Lightroom. Помните, что редактировать проблемные области необходимо в полном разрешении, так что сделайте это с помощью встроенных инструментов в Lightroom или Фотошоп. Я буду работать в Фотошоп.
2. Как только изображение с полным разрешением отредактировано, уменьшите шум. Я предпочитаю выборочный процесс шумоподавления, который убирает шум только в проблемных областях. Я использую коммерческие инструменты, такие как Nik Software Dfine, для выборочного снижения шума, потому что данное программное обеспечение делает свою работу намного чище и даёт наилучший результат. Если у вас нет такой программы, то используйте встроенный инструмент уменьшения шума в Lightroom, я считаю, что он работает лучше, чем фильтр Reduce Noise (Уменьшить шум) в Фотошоп. На скриншоте ниже показана программа Nik Software Dfine, уменьшающая шум.
Цель состоит в том, чтобы уменьшить шум на небе и в других областях изображения, где он присутствует.
3. Данный шаг необходим только в том случае, если вы планируете сохранить исходное изображение в полном разрешении для печати. В противном случае нет особых причин усиливать резкость изображения, прежде чем вы его уменьшите. Если вы придерживаетесь цели — опубликовать изображение в Интернет, то пропустите данный шаг полностью.
Обязательно примените технику усиления резкости к изображению с высоким разрешением. В то время как коммерческие инструменты отлично подходят для этого шага, встроенные фильтры Фотошоп, такие как Unsharp Mask (Контурная резкость) и Smart Sharpen («Умная» резкость), тоже работают отлично. Здесь я использую фильтр «Контурная резкость» со значениями для резкости 75%, для радиуса 1 пиксель.
Опять же, есть много способов усиления резкости изображения. Если вы предпочитаете усиливать резкость в Lightroom, тогда прочитайте этот урок « Как усилить резкость изображения в Lightroom ».
4. Теперь мы находимся на очень важном этапе – мы будем понижать качество изображения, чтобы снизить его разрешение. Для этого перейдите в Image > Image Size (Изображение – Размер изображения) и вам будет представлено следующее диалоговое окно:
На этом этапе вы должны выбрать конечное разрешение. Я уменьшу ширину изображения до 1024 пикселей, возможно, вам потребуется больший или меньший размер (всё зависит от того, что вы хотите с ним сделать). Для начала обязательно поставьте галочку возле опции Constrain Proportions (Сохранить пропорции) в нижней части окна. Теперь вы можете ввести значение для ширины, в качестве единицы измерения установите пиксели. Когда вы введёте значение для ширины, то высота изменится автоматически. В моём случае для высоты Фотошоп установил значение 681 пиксель.
Следующей не менее важной задачей является выбор метода интерполяции. В самой нижней части диалогового окна «Размер изображения» расположен параметр Resample Image (Ресамплинг) со следующими вариантами: Nearest Neighbor (По соседним пикселям), Bilinear (Билинейная), Bicubic (Бикубическая для плавных градиентов), Bicubic Smoother (Бикубическая глаже для увеличения) и Bicubic Sharper (Бикубическая чётче для уменьшения). Лично я довольно часто использую вариант Bicubic (Бикубическая для плавных градиентов), потому что он отлично справляется с уменьшением шума без повышения резкости изображения (что мы уже сделали). Иногда для изображений я использую вариант Bicubic Sharper (Бикубическая чётче для уменьшения), но всё же варианту Bicubic (Бикубическая для плавных градиентов) я отдаю болшее предпочтение. Нажмите OK после того, как вы сделали свой выбор.
5. Теперь изображение стало намного меньше по размеру. Шум также должен быть полностью устранён (при условии, что его не было слишком много в начале), всё это благодаря выбранному варианту Bicubic (Бикубическая для плавных градиентов), который мы использовали в предыдущем шаге. Пришло время, ещё больше повысить резкость изображения, это станет заключительным этапом всего процесса, прежде чем мы его экспортируем. Для этого используйте либо выборочный процесс увеличения резкости, либо фильтр Unsharp Mask (Контурная резкость) в Фотошоп.
Помните, что это последний шаг, чтобы ваше изображение выглядело хорошо, поэтому, усиливая резкость изображения, будьте осторожны. Изображение должно быть с хорошей детализацией, поэтому поиграйте с параметром Amount (Эффект), я установил 50%. Для моего изображения этого достаточно, чтобы выявить детали, которые мне нужно. Я мог бы установить значение 75% с радиусом 1 пиксель, и всё равно получился бы хороший результат, поэтому диапазон от 50% до 75% отлично работает конкретно для моего изображения. Для каждого изображения значения будут свои, так что вы можете поэкспериментировать с диапазоном от 25% до 75%, только не делайте его чрезмерно резким.
6. Последний шаг – экспортировать изображение из Фотошоп. Так как мы хотим разместить изображение в интернете, то не следует использовать функцию Save (Сохранить), в результате файл будет огромный и он не подойдёт для интернета. Вместо этого перейдите в меню File > Save for Web & Devices (Файл – Сохранить для web и устройств). Откроется окно, как показано ниже:
Это окно играет большую роль, поскольку оно контролирует формат, разрешение и другие важные параметры, которые будут встроены в ваше изображение. Сначала выберите формат JPEG. Обычно для качества я устанавливаю значение 80%, это хорошее значение для фотографии. Я считаю, что значение ниже 70% заметно ухудшает качество изображения, а значение выше 80% является излишеством для интернета. Убедитесь, что у вас отмечены опции Optimized (Оптимизация) и Embed Color Profile (Внедрить цветовой профиль). Параметр Blur (Размытие) должен равняться 0, поле Matte (Фон) не имеет значения (белый по умолчанию). Обязательно активируйте опцию Convert to sRGB (Преобразовать в sRGB) – это необходимо, чтобы цвета на ваших изображениях отображались правильно. Для параметра Metadata (Метаданные) я оставляю Copyright (Авторские права). Нажмите Save (Сохранить) и выберите место, куда вы хотите сохранить конечное изображение, укажите его название и снова нажмите Save (Сохранить).
Меня часто спрашивают о настройке PPI (пиксели на дюйм), которую я использую для своих веб-изображений. Независимо от того, используете вы Lightroom, Фотошоп или другое программное обеспечение для обработки изображений, значение, которое вы используете для PPI, не имеет значения. Здесь вы можете оставить любое значение (обычно это по умолчанию 72), и вам ничего не нужно менять. Значение PPI важно только для печати, изменение его при экспорте изображений для интернета будет только добавлять метаданные к файлу, а на то, как оно будет отображаться на мониторе, влиять не будет.
Вот моё окончательное изображение, обработанное способом перечисленным выше:
А это ещё одно моё изображение из коллекции «Best of 2011», обработанное таким же образом:
Ссылка на источник урока.
Как изменить размер фото в Фотошопе
Современные цифровые фотоаппараты позволяют делать качественные фотографии с большим разрешением. Печатать их можно практически на любом формате, а при помощи Adobe Photoshop с цифровыми фотографиями можно выполнять вообще все что угодно: изменять размер, обесцвечивать или раскрашивать, убирать эффект красных глаз и т.д.
Но статья все-таки не о преимуществе цифрового снимка, а о том, как уменьшить его размер. Ведь, как известно, одна фотография, снятая средненьким фотоаппаратом, завешивает около 20 МБ. Загружать такие изображения в Интернет не очень удобно, особенно если их целый альбом. Поэтому размер (объем) таких фотографий необходимо уменьшить. Также данный урок пригодится тем, кому нужно изменить размер фотографии не только в мегабайтах, но и в пикселях. Например, чтобы поставить на аватарку в социальной сети. Все операции будут проводится в программе Adobe Photoshop, поскольку программа позволяет уменьшить размер и объем фотографии с наименьшей потерей качества.
Изменения размера в пикселях
Мы разберем три варианта, как можно поменять значения для ширины и высоты снимка. Учтите, что при этом поменяется и вес изображения. Поэтому, если вас беспокоит как размер, так и вес, то выбранным способом можно решить сразу две проблемы.
Итак запускаем фотошоп. Далее открываем там нужное нам изображение. Есть два варианта, как это сделать: просто перетащить мышкой файл в окошко фотошопа, или переходите на вкладку «Файл» — «Открыть» (комбинация клавиш Ctrl+O ) и выбирайте снимок через Проводник.
Через вкладку Изображение
Теперь начнем изменять размер самого фото в Фотошоп. Для этого или перейдите на вкладку «Image» ( «Изображение» ) – «Image Size» ( «Размер изображения» ), или воспользуйтесь комбинацией клавиш Alt+Ctrl+I .
Откроется окно для изменения размера (1). В нем нужно указать подходящее значение для ширины и высоты в пикселях: «Width» (2) и «Height» (3) соответственно. Замочек напротив этих полей (4) означает, что пропорции будут сохранены (меняете значение высоты и автоматически оно изменяется для ширины). Если вам это не подходит, тогда уберите галочку в поле «Сохранение пропорций» ( «Constrain Proportions» ) (5). Также обращайте внимание на самое верхнее поле (6), в нем указывается размер фотографии. Когда все будет готово, сохраняйте изменения кнопкой «ОК» (7).
Что получилось в итоге: размер изменился с 2448х3264 до 1000х1333, а вес стал 3,81 МБ вместо 22,9 МБ.
Через Свободное трансформирование
Теперь давайте применим к снимку «Свободное трансформирование>» или «Free Transform» . Находится нужный нам пункт на вкладке «Edit» ( «Редактирование» ). Ему соответствует сочетание клавиш Ctrl+T .
В режиме трансформирования вокруг снимка появляется рамка. Берите за верхний или нижний угол и изменяйте размер. Чтобы сохранить при этом пропорции, нажмите и удерживайте клавишу Shift . Рядом с курсором будет небольшое окно, где можно смотреть, как изменяются значения высоты и ширины.
Поскольку в таком режиме лист остается в неизменном виде, то картинку нужно обрезать. Поэтому переходите к следующему пункту.
Как у меня изменились значения (после обрезки): с 2448х3264 до 1000х1333, а размер стал 3,81 МБ. То есть, все также, как и в предыдущем способе.
Обрезка картинки
Если вам не нужна фотография целиком, а только какой-то ее фрагмент, то лучше воспользоваться обрезкой. Находится он на «Панели инструментов» и называется «Рамка» ( «Crop Tool» ). Кликайте по инструменту и выделяйте нужную область на фото. При этом в углу в окне можно смотреть, как изменяются значения.
Если вам нужны определенные значения для высоты и ширины, то выделите область и укажите точные числа в верхних полях. После этого можете перемещать изображение мышкой, чтобы в рамке осталась нужная его часть. Когда закончите, нажмите «Enter» .
Изменяем вес снимка в мегабайтах
Если вам подходит один из описанных выше способов, то просто сохраните теперь снимок в формате JPEG, не меняя при этом качество, и все. Если обрезать ничего не нужно, изменять значения высоты и ширины тоже, а просто хотите, чтобы картинка меньше весила, то переходите к следующим пунктам.
Выбираем качество для JPEG
Чтобы уменьшить вес фото в Фотошоп, его нужно сохранить в формате JPEG, указав при этом другое значение для качества. Открывайте нужный снимок в программе и жмите «Файл» ( «File» ) — «Сохранить как» ( «Save as» ). Или воспользуйтесь комбинацией Ctrl+Shift+S .
Выбираем папку на компьютере (1), можете изменить имя (2), посмотрите, чтобы был выбран формат «JPEG» (3) и жмите «Сохранить» (4).
В следующем окне нас интересует поле «Качество» ( «Quality» ) (1). Изменяйте значение и смотрите, как меняется вес снимка (2). Для сохранения жмите «ОК» (3).
Помните, чем меньше выберите число, тем хуже будет качество. Попробуйте потом сравнить старое и новое фото, если не устроит, то подберите другое значение.
Как уменьшить фото без потери качества
Сохраняем для веб
Этот вариант хорошо использовать, если нужно разместить изображения на сайте. Жмите «Файл» ( «File» ) — «Сохранить для веб» ( «Save for Web» ). Или подойдет комбинация клавиш Alt+Shift+Ctrl+S .
Далее откроется окошко, в котором необходимо настроить параметры. В самом верху выбираем формат «JPEG» (1) и можно изменить значение в поле «Качество» ( «Quality» ) (2). В поле «Размер изображения» ( «Image Size» ) подберите значения для ширины и высоты (3). Слева внизу обратите внимание на размер снимка (4). Когда все подойдет, жмите «Сохранить» ( «Save» ) (5).
Обратите внимание, что мой снимок с размерами 1000х1333 стал весить 208,9 КБ.
Потом выберите папку на компьютере (1), переименуйте фотографию (2) и сохраните ее (3).
Думаю, описанных способов достаточно и вам подойдет один из них, чтобы уменьшить фотографии с помощью Фотошоп. Пробуйте менять значения, сохраняйте и смотрите, как изменяется качество вашего снимка.
Простой способ уменьшить фото в Фотошопе
В результате уменьшения размера фотографии в программе Photoshop вполне рально сделать из фото весом 2-5 Мб качественную фотографию на весь экран, но весом в 500 Кб или даже еще меньше. Эта статья будет полезной новичкам, которые делают первые вынужденные шаги в освоении Фотошопа и хотят быстро уменьшать свои фото.
8-мегапиксельными цифровыми фотокамерами сейчас никого не удивишь. Каждый день обычные люди, которые не являются гуру Фотошопа, делают горы снимков. Горы – если бы мы их распечатывали. Но нам нужно передавать эти файлы по ICQ, добавлять их в фотоальбомы социальных сетей вроде «Одноклассников» и «В контакте», выкладывать на своем блоге, слать по почте… Или отнести на флешке любимой тете Свете, она давно просила.
Иногда из своих наиболее удачных фото мы хотим сделать иконки или аватарки. И чем меньше при этом места занимает фото, тем быстрее оно загрузится и тем больше этих фото можно перенести за единицу времени. Так что научиться уменьшать фото нужно. Сейчас посмотрим, как быстро и просто это сделать. Все наглядно, с иллюстрациями.
Устанавливаем Фотошоп. Без него нынче никак. Даже непрофессионалам Photoshop необходим. Рекомендую устанавливать версию Adobe Photoshop CS3, лично мне она больше всего нравится. Не будем спорить, какая версия программы самая лучшая, нам для уменьшения фото подойдет любая. Если вы не знаете, где бесплатно скачать Фотошоп, рекомендую ознакомиться с моей статьей Чем бесплатно скачать любую программу.
Открываем Photoshop. Перетаскиваем в него свое фото – просто зажимаем левой кнопкой мыши ярлычок фотографии и перетягиваем ее в видимую область Фотошопа, она откроется. Если так не нравится, можно открывать традиционно (File->Open…):
В появившемся окне находим нужное фото и дважды кликаем на нем левой кнопкой мыши, чтобы открыть в программе Фотошоп:
Открытое в Фотошопе фото выглядит примерно так:
Далее, чтобы уменьшить фото, в главном меню Фотошопа выбираем Image->Image Size…:
И в открывшемся после этого окне вводим размер фото, который мы хотим получить в результате уменьшения. При этом галочка возле опции Constrain Proportions должна стоять:
Нажимаем ОК и получаем фотку требуемого размера. Можно еще добавить ей чуть-чуть четкости, воспользовавшись стандартным фильтром Фотошопа. Для этого выбираем из основного меню Photoshop фильтр Filter->Sharpen->Unsharp Mask:
Появится окно, в котором можно задать параметры четкости. Если вы в нем ничего не меняли, можно оставить как есть и нажать ОК. Или же установить ползунки, как указано на рисунке:
Жмем ОК и убеждаемся, что фотография стала четче. Если не нравится – нажимаем Ctrl+Z и эффект пропадет. Подробнее обо всех горячих клавишах Фотошопа можно прочитать здесь.
Наконец-то можно сохранить уменьшенное фото, это тоже не сложно. В главном меню Фотошопа нажимаем File->Save for Web & Devices… и получаем окно:
Проверяем, чтобы все настройки в окне были, как показано на рисунке выше (формат JPEG, качество: Very High) и жмем Save. Появится последнее окно, в котором нужно ввести имя новой фотографии и папку на диске компьютера, где будет храниться уменьшенная фотография. Вводим имя файла, указываем путь и жмем кнопку Сохранить.
На этом работа в Фотошопе закончена. Фото уменьшено и готово к своим путешествиям по сети. Можно уменьшать следующее.
Как уменьшить изображение в фотошопе без потери качества
Фотошоп
Автор Иван Фролов На чтение 8 мин Просмотров 14.5к. Обновлено
Друзья, привет. Многие из нас ведут блоги, или выкладывают периодически фотографии на сайтах. И я тоже постоянно сталкиваюсь с проблемой веса фотографий. И сегодня хочу поделиться своим опытом, и расскажу как уменьшить изображение в фотошопе без потери качества.
Поскольку у меня блог про тему фотографии, то фоток на моем сайта предостаточно, что только добавляет мне вопросов оптимизации фотографий.
В начале
Обычно перед тем, как выложить статью на блоге, я все изображения загружаю в фотошоп, и там их уменьшаю. Делаю я это через функцию «Сохранить для веб», или горячими клавишами Shift+Ctrl+Alt+S.
С виду много клавиш, которые нужно зажать, но на практике получается очень удобно, если поставить большой палец на Alt, мизинец на Ctrl, безымянный на Shift, ну и указательный на S. Получилось? Видите, как просто.
Недавно я выкладывал статью про самые дорогие мотоциклы в мире, и вот у меня так было в фотошопе:
Если вы обратите внимание, то весит эта фотография самого мотоцикла 2,15 Мб.
Понятно, что в таком виде на сайт выкладывать ее совершенно не нужно. Это огромный вес для интернета. Нажимаем наши волшебные клавиши Shift+Ctrl+Alt+S, и у нас открывается вот такое окошко.
Параметры сохранения
Давайте разбираться, где какие параметры, и на что нужно обратить внимание, чтобы сохранить картинку в хорошем качестве, и при этом уменьшить ее размер.
- Формат изображения. Как я заметил по опыту иногда можно сохранять в jpeg, иногда можно сохранять в png. Ниже расскажу про особенности применения обоих.
- Качество изображения. Тут тоже можно играть настройками. Иногда можно поставить 90%, иногда можно поставить и 80. Бывали случаи, когда я ставил и 55 и 60%. Все зависит еще и от других параметров.
- Размер изображения. Тут вы должны понять какой размер нужен вам на вашем сайте или блоге. Больше 1000 px думаю ставить не стоит, потому что ширина контентной части блога где-то 700-800px.
- И наконец, самая главная величина, на которую вы будете постоянно ориентироваться — вес самой фотографии.
Как вы видите, фотошоп уже сжал фото с 2,15 Мб до 300 Кб. И это уже очень хорошо. Но обычно я не использую в своем блоге изображений весом больше 200 кб.
И то это редкий случай, когда нужно показать красивую фотографию в полном размере, как например, фотографии в пресетах Лайтрум, где нужно показать красоту обработки фильтра.
А в обычных статьях блога сейчас стал делать фотки где-то в районе 100кб плюс минус 20-30кб. Раньше, в первых статьях старался вообще делать где-то 50-70кб, но это сильно искажало картинку, и теперь стараюсь делать побольше.
Формат
Давайте теперь более подробно разбираться в тонкостях этих настроек, и начнем мы с формата. Как я уже сказал, где-то можно сохранить в jpeg, где-то в png.
Для себя я вывел такое правило, что если есть изображение, такое как фотография, картинка, то лучше сохранять в jpeg, и просто уменьшить размер, и уменьшить качество. В нашем случае можно сделать вот так:
Мы делаем формат jpeg, качество 80, ширину убавляем до 800, и видим, что наше фото уменьшилось в весе, и стало 146 кб. Это для вас приемлемо? На сайте она будет выглядеть вот таким образом, т.е. полностью в ширину контекстной части.
Вполне качественно, хорошо видны детали, и в целом очень приемлемый вариант для блога, если нужно показать качественно. Я думаю, в случае с мотоциклами, то фото должны быть только хорошего качества. Вы согласны?
Если для вас это много по весу, давайте попробуем сделать меньше размер, не 800px, а сделаем 700px, смотрим что у нас получается в самой программе.
Вы уже видите, что вес уменьшился, и стал уже 117 кб. Длину фото мы сделали 700px. Вот как эта фотография будет выглядеть у вас в блоге в контексте записи:
Чуть меньше, чем предыдущее фото, и тем не менее, вполне себе здорово смотрится на сайте, и красота мотоцикла видна в полной мере.
Кстати, разница по ширине в статье совсем не заметна. Я тоже для себя кое-что вынесу из этого урока! Будем еще меньше делать фото? Давайте сделаем в настройках 600px. Мне кажется это вполне еще приемлемо. Вот так будет в программе:
И мы уже видим, что при размере в 600px, вес стал 91кб. Совсем не много, мне кажется, для любого сайта. И вот как эта фотка будет выглядеть в вашей заметке:
Я больше не буду уменьшать, вы сами это можете сделать и понять какой вариант размера вам больше подходит для вашего ресурса.
Давайте перейдем к другому параметру, и посмотрим как он отражается на самой фотографии, и на сколько можно уменьшать эти настройки.
Качество
Вы, наверно, заметили, что здесь все настройки очень переплетены между собой. Выше был заголовок формат, а я говорил про размер, потому что тут сложно говорить только о чем-то одном, это сразу отражается и на другом.
Я думаю, тут важно понять принцип, и он не такой сложный, как может показаться на первый взгляд, но небольшая практика нужна. Давайте будем двигать ползунок, который отвечает за качество.
Как мы видели, размеры 800px и 700px совсем не отличаются по тому, как они выглядят на сайте. Поэтому, я предлагаю двигать качество на размере 600px.
Это вполне себе нормальная картинка для блога, и если вам нужно сделать ее еще меньше по весу, то лучше проводить эксперименты с этим размером.
Качество 80% у нас уже было, поэтому давайте уменьшим до 70%, и посмотрим что у нас получится. В программе это будет выглядеть вот так:
Смотрим сколько у нас теперь весит картинка? Только 71Кб! Это очень хороший результат для сжатия изображения. И что же мы будем видеть на сайте с такими параметрами? А вот что!
Тут уже на любителя, и кто как видит. Для меня, это не очень хорошая фотка, а для вас — смотрите сами. Давайте я еще уменьшу на 10% качество, раз уже мы двигаемся в эту сторону и посмотрим что будет происходить. Ставим параметр 60% на 600px. Окно программы будет вот такое:
Как видим, весить она стала всего 57Кб. Да, теперь не будет больших скачков в весе фотографии, и все будет уменьшаться по маленьким параметрам. Ну а в записи с такими параметрами мы увидим вот такую фотографию:
Тут важно показать направление для экспериментов и подбора нужных значений. И я его показал. А дальше можно делать все что вам захочется.
Можно же еще немного кадрировать саму картинку, чуть-чуть подрезать сверху и снизу, что я и сделал у себя в статье про самые дорогие мотоциклы в мире. Да, это тоже хороший вариант сделать уменьшение изображения, в том числе и по весу.
Jpeg или png
И остался у нас один вопрос, о котором хотел бы рассказать в данной статье. Когда использовать jpeg, а когда png. Даже в рамках этой статьи, я использовал и тот и другой формат.
А секрет вот в чем, я уже говорил о нем. Если вам нужно показать картинку, то вы делаете jpeg, если вам нужно показать цифры, или скриншот программы, то вы делаете png.
Именно так и я делал выше. Если вы внимательно поглядите на сам мотоцикл в скриншотах программы, где стоят настройки, то вы увидите очень грубые градиенты перехода цвета. К примеру на зеленых деталях мотоцикла. Посмотрите внимательно!
Конечно, когда мы следим за цифрами, допустим в окне программы, то сама картинка уходит на второй план, и все внимание на показатели, с которыми мы работаем.
Но если сделать png для самой картинки, то я могу показать что будет. Давайте сравним как будет выглядеть png и jpeg с одними и теми же настройками всего остального. Вот глядите, ставим в программе 600px и ставим формат png:
Как видим такое изображение будет весить 108 Кб. Это примерно 700px формата jpeg c 80% качества. И что теперь мы будем видеть на сайте:
Вполне себе рабочий вариант, и можно так делать. Но в данном случае, лучше будет сделать jpeg, потому что он будет весить меньше и качество будет лучше.
А вот рабочий процесс программы делаю по другому. Допустим, я выставляю разные настройки для изображения, делаю скрин этого процесса. А потом для того, чтобы выложить это на сайте, сохраняю этот скрин в png, причем размер я не трогаю:
Т.е. вы видите размер у меня тут на этой картинке 1135 px, и так видно хорошо все цифры и все параметры. Весит 137Кб такая картинка, но если сделать меньше, то будет все очень плохо видно.
Вот на этом я думаю мы с вами закончим этот достаточно объемный и большой урок по фотошопу, и как тут можно уменьшить изображение для сайта.
Надеюсь, вам все было понятно. Для начала, я думаю, это достаточно заморочисто, но вот такой это вопрос. Пишите в комментарии, если у вас будут вопросы, отвечу на все.
Нужно немного практики, пробуйте разные варианты. Все еще зависит от самой фотки и её качества. Бывают качественные картинки приходится сжимать, а бывает и плохое качество. Тогда тоже нужно опытным путем подобрать настройки и выбрать наиболее приемлемые для вас.
Как всегда, с вами был Иван.
Похожие записи:
- Как сделать изображение черно белым в фотошопе
- Как уменьшить размер фотографии в мегабайтах, делюсь опытом
- Как в фотошоп сделать изображение круглым
- Как фотошопе поменять формат изображения
- Как в фотошопе создать новый слой по разному
- Как сделать новые слои в фотошопе
- Как в фотошопе повернуть объект: разные способы
- Как затемнить фон в фотошопе
- Как в фотошопе поменять цвет предмета
- Как размыть края изображения в фотошопе