PNG — это один из форматов для хранения изображений. Он появился в 1996 году, чтобы составить конкуренцию GIF. Да, заменить GIF у PNG так и не получилось — всем известно, что движущиеся короткие анимации называют «гифками», то есть картинками в GIF-формате. Но оба формата популярны, широко применяются и нашли свои пользовательские ниши.

Рассказываем, зачем используют PNG и в чём его преимущества, а также как сделать PNG любой формы в Фотошопе.

PNG для работы, редактирования и хранения файлов используют иллюстраторы, дизайнеры, фотографы. С помощью него делают иконки, графику, логотипы, оформляют сайты, создают дизайн-макеты / Фото: unsplash.com

Зачем нужен PNG 

PNG, в отличие от GIF, изначально задумывали как открытый формат, который могут использовать свободно все и везде. По задумке, он должен был заменить старый и простой GIF, а также более тяжёлый и сложный TIFF, который до сих пор используют в типографиях.

• PNG хранит изображение в сжатом виде, но не портит его качество, как JPEG.

Из-за этого многие фотографы предпочитают хранить готовые и даже промежуточные варианты снимка в PNG-формате. Пожалуй, единственный минус в том, что не все соцсети могут прочитать этот формат, тогда как JPEG — универсальный и повсеместный. 

• Цветовая палитра PNG гораздо шире, чем у GIF. Из этого следует, что он может передавать больше цветовых нюансов и оттенков.

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

• Картинки в PNG-формате можно пересохранять раз за разом без потерь в качестве. При этом, если пересохранять тот же JPEG, то получится типичный «затёртый» мем из «Вконтакте».

Читайте также:
Как сохранить фото в Фотошопе: способы и форматы

Как создать PNG в Photoshop

Чтобы из любой фотографии, рисунка или графики сделать PNG в Фотошопе, нужно просто правильно выбрать формат и сохранить изображение. Чтобы сохранить картинку в Photoshop, воспользуйтесь одним из способов: в меню Файл / File выберите: Сохранить / Save; Сохранить как / Save as… или Сохранить как копию / Save as a Copy.

Для каждого из трёх способов можно не заходить в меню, воспользовавшись горячими клавишами, которые на скриншоте написаны слева от названия операции / Скриншот: Елизавета Чечевица

Какой бы из способов вы ни выбрали, в появившемся окне выберите место, где сохранять картинку, и формат — PNG.

Чтобы выбрать формат изображения, нажмите на выпадающий список «Тип файла». Здесь нужно найти формат PNG, а следом кнопку «Сохранить» / Скриншот: Елизавета Чечевица

PNG будет в любом из трёх способов сохранения. Разница лишь в том, что у каждого из методов своё количество форматов на выбор. Больше всего их будет, если выбрать Сохранить как копию / Save as a Copy.

Выберите скорость сохранения и размер исходной картинки.

Как нажмете кнопку «Сохранить» из предыдущего шага, откроется маленькое окошко. Если вы хотите, чтобы картинка весила меньше, выбирайте последний вариант, но тогда она будет дольше сохраняться. Для любителей торопиться и забывать про дедлайны, подойдёт первый — самый быстрый — вариант. Средний же — золотая середина, когда файл и быстро сохраняется, и приемлемо весит / Скриншот: Елизавета Чечевица

Ради эксперимента мы пересохранили одну и ту же фотографию три раза каждым из вариантов. В первом случае изображение сохранилось мгновенно, во втором — пришлось подождать около 5-8 секунд, а в третьем — 20-23 секунды. 

Копия, сохранённая быстрее всего, весила 4,3 МБ, средняя — 3,467 МБ, а самая маленькая, сохранявшаяся почти полминуты — 3,449 МБ. Выгоднее всего по соотношению размер-время сохранять в среднем размере / Скриншот: Елизавета Чечевица

Как сделать круглую фотографию в Фотошопе

Если вы используете PNG для хранения или обмена изображениями, этот пункт можно пропустить. Но очень часто к этому формату обращаются, чтобы сделать картинку в форме какой-то фигуры, с полупрозрачным фоном или вообще удалить с изображения фон. Рассмотрим на примере круглой фотографии, которые часто используют на сайтах, как сделать PNG без фона в Фотошопе.

1. Откройте изображение в графическом редакторе.

2. Найдите инструмент Овальная область / Elliptical Marquee Tool (горячая клавиша M).

Ищите иконку инструмента или название, а не запоминайте расположение — у пользователей может быть настроена палитра под себя, а инструменты находиться в разных частях / Скриншот: Елизавета Чечевица, фото: unsplash.com

3. Наведитесь на фотографию. Зажмите левую кнопку мыши и проведите рукой из одного угла картинки в другой.

Одновременно с этим на изображении появится пунктирный круг — заготовка для круглой картинки / Скриншот: Елизавета Чечевица

Лайфхак: если круг получается слишком овальным, зажмите Shift — теперь он будет создаваться пропорциональным и идеально круглым. Если же у вас не получается сделать его так, чтобы объект был в самом центре, зажмите Alt. Теперь круг можно создавать из центральной точки, а не движением «из угла в угол». Чтобы совместить обе возможности, зажмите одновременно Shift и Alt.

4. Если расположение круга всё ещё вам не нравится, переместите его. Для этого наведите курсор на область внутри круга, зажмите левую кнопку мыши и сдвиньте туда, куда вам нравится. Ещё вариант — перемещать заготовку с помощью стрелочек на клавиатуре.

Теперь будущая иконка на сайт выглядит более гармонично, ведь лицо располагается по центру / Скриншот: Елизавета Чечевица

Читайте также:
Как нарисовать круг: Фотошоп для новичков

5. Прошло время удалять фон для будущего PNG-файла! Для этого нажмите на кнопку Выделение и Маска / Select and Mask.

Ищите кнопку в правом верхнем углу программы / Скриншот: Елизавета Чечевица

6. В открывшемся окне переместитесь взглядом в самый низ. В нижнем левом углу нажмите на выпадающее меню Вывод в / Output to.

Выберите Новый слой со Слоем-маской / New Layer with Layer Mask и нажмите Ок / Скриншот: Елизавета Чечевица

7. Вы увидите круг с портретом на поле из серо-белой клетки. Так в Фотошопе обозначается пустота. Теперь файл без фона можно сохранить в формате PNG, либо перед этим кадрировать картинку, чтобы она была более компактного размера.

Найдите инструмент Рамка / Crop Tool и обрежьте ненужное пустое пространство. В итоге останется миниатюрное круглое изображение / Скриншот: Елизавета Чечевица

Читайте также:
Как обрезать фотографию: кадрирование в Photoshop на компьютере и онлайн