Как сделать файл png

Как создать PNG с прозрачностью в Adobe Photoshop (версии CC и выше)?

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

В этой статье мы расскажем, как сделать прозрачность в Фотошопе .

Создание файла

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню « Файл » ( File ) вверху страницы выберите « Создать » ( New ).

Затем в появившемся окне « Новый документ » ( New Document ) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм ( поскольку файл предназначен для использования в веб ). А также, что вы выбрали значение « Прозрачный » ( Transparent ) в выпадающем списке « Содержимое фона » ( Background Contents ).

*Перед тем, как сделать PNG с прозрачностью в Фотошопе , нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

После того, как вы задали значения параметров, нажмите « OK », чтобы открыть новый документ.

Затем в панели « Слои » ( Layers ) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop , в меню « Файл » ( File ) вы можете использовать один из возможных вариантов:

Photoshop версии ранее, чем CC 2015:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе , который вышел раньше CC 2015 . В этих версиях используют метод « Сохранить для Web » ( Save for Web & Devices ), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню « Файл » ( File ), и далее – « Сохранить для Web » ( Save for Web & Devices ):

Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции « Прозрачность » ( Transparency ) и « Преобразовать в sRGB » ( Convert to sRGB ). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB , рекомендованное цветовое пространство для веб.

Поля « Размер изображения » ( Image Size ) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Чтобы сохранить изображение, нажмите кнопку « Сохранить » ( Save ) внизу окна.

Photoshop версии CC 2015:

Перед тем, как сделать прозрачность фото в Фотошопе , нужно знать, что с версии CC 2015 опция « Сохранить для Web » ( Save for Web & Devices ) в меню « Файл » ( File ) помечена как Legacy ( устаревшая ). И замещена на новую опцию « Экспорт » ( Export ), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией « Экспорт », нажмите меню « Файл » ( File ), а затем — « Экспортировать как » ( Export As ).

Примечание: Adobe по-прежнему предлагает опцию « Сохранить для Web » ( Save for Web & Devices ) в Photoshop CC 2015 , и она доступна через меню Файл > Экспорт ( File > Export ) или при использовании комбинации клавиш Command+Option+Shift+S ( для Mac ) или Ctrl+Alt+Shift+S ( для ПК ):

Затем в появившемся окне выберите PNG из выпадающего меню « Формат » ( Format ) и убедитесь, что выбраны опции « Прозрачность » ( Transparency ) и « Преобразовать в sRGB » ( Convert to sRGB ).

Поля « Размер изображения » ( Image Size ) и « Размер холста » ( Canvas Size ) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе :

Когда закончите, нажмите « Экспортировать все » ( Export All ).

Данная публикация представляет собой перевод статьи « How can I create a PNG with transparency in Adobe Photoshop (CC and higher)? » , подготовленной дружной командой проекта Интернет-технологии.ру

Как отредактировать PNG онлайн

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

Редактирование PNG онлайн

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

Онлайн-редакторы не нужно устанавливать на ПК — это значительно уменьшает вероятность подхватить вирус.

Способ 1: Online Image Editor

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

К минусам сервиса можно отнести отсутствие русского языка, однако при длительном использовании данный недостаток становится малозаметным.

1. Переходим на сайт и загружаем картинку, которая будет обрабатываться. Допускается загрузка либо с диска, либо с сайта в интернете (для второго способа необходимо указать ссылку на файл, после чего нажать «Upload»).
2. При загрузке файла с ПК или мобильного устройства переходим на вкладку «Upload» и выбираем нужный файл, нажав на кнопку «Обзор», а затем загружаем фото с помощью кнопки «Upload».
3. Попадаем в окно онлайн-редактора.
4. На вкладке «Basic» пользователю доступны базовые инструменты для работы с фотографией. Здесь можно изменить размер, обрезать изображение, добавить текст, рамку, сделать виньетку и многое другое. Все операции удобно показаны на картинках, что позволит русскоязычному пользователю понять, для чего предназначен тот или иной инструмент.
5. На вкладке «Wizards» представлены так называемые «магические» эффекты. К картинке можно добавить различные анимации (сердца, воздушные шары, осенние листья и др.), флаги, блестки и другие элементы. Здесь же можно изменить формат фотографии.
6. На вкладке «2013» размещены обновленные анимационные эффекты. Разобраться в них не составит особого труда за счет удобных информационных иконок.
7. Если необходимо отменить последнее действие, щелкаем на кнопку «Undo», для повторения операции нажимаем на «Redo».
8. После того, как манипуляции с картинкой были завершены, нажимаем на кнопку «Save» и сохраняем результат обработки.

Сайт не требует регистрации, разобраться с сервисом несложно, даже если вы не знаете английский язык. Не бойтесь экспериментировать, если что-то пойдет не так, вы всегда сможете отменить это нажатием всего одной кнопки.

Способ 2: Фотошоп Онлайн

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

Единственный, но довольно существенный недостаток сайта – это постоянные зависания, особенно если работа ведется с большими изображениями.

1. Загружаем изображение с помощью кнопки «Загрузить фото с компьютера».
2. Откроется окно редактора.
3. Слева расположено окно с инструментами, позволяющими обрезать, выделять определенные области, рисовать и производить другие манипуляции. Чтобы узнать, для чего предназначен тот или иной инструмент, просто наведите на него мышку и дождитесь появления справки.
4. Верхняя панель помогает получить доступ к определенным функциям редактора. К примеру, можно повернуть фото на 90 градусов. Для этого просто заходим в меню «Изображение» и выбираем пункт «Повернуть на 90° по часовой стрелке»/«Повернуть на 90° против часовой стрелки».
5. В поле «Журнал» отображается последовательность действий, которая была совершена пользователем при работе с картинкой.
6. Функции отмены, повторения, трансформирования фото, выделения и копирования расположены в меню «Редактировать».
7. Для сохранения файла заходим в меню «Файл», выбираем «Сохранить…» и указываем папку на компьютере, куда будет загружена наша картинка.

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

Способ 3: Fotor

Удобный, функциональный, а главное бесплатный сайт для работы с изображениями в формате PNG Fotor позволяет обрезать, поворачивать, добавлять эффекты использовать другие инструменты. Функционал ресурса был проверен на файлах разного размера, проблем при этом обнаружено не было. Сайт переведен на русский, в настройках можно выбрать другой язык интерфейса редактора при необходимости.

Доступ к дополнительным функциям предоставляется пользователям только после приобретения PRO-аккаунта.

1. Начинаем работу с сайтом, нажав на кнопку «Редактирование».
2. Перед нами откроется редактор, для загрузки файла щелкаем на меню «Открыть» и выбираем «Компьютер». Дополнительно доступна загрузка фото из облачного хранилища, веб-сайта либо социальной сети Facebook.
3. Вкладка «Базовое редактирование» позволяет обрезать, повернуть, изменить размер и гамму изображения и выполнить другое редактирование.
4. На вкладке «Эффекты» можно добавить к фотографии разнообразные художественные эффекты. Обратите внимание на то, что некоторые стили доступны только PRO-пользователям. Удобный предварительный просмотр позволит узнать, как фото будет выглядеть после обработки.
5. Вкладка «Beauty» содержит набор функций для улучшения фотографии.
6. Следующие три раздела позволят добавить к фотографии рамку, разнообразные графические элементы и текст.
7. Для отмены либо повтора действия щелкаем на соответствующие стрелки на верхней панели. Чтобы отменить сразу все манипуляции с картинкой, нажимаем на кнопку «Оригинал».
8. После завершения обработки нажимаем на кнопку «Сохранить».
9. В открывшемся окне вводим название файла, выбираем формат итогового изображения, качество и нажимаем «Скачать».

Fotor является мощным инструментом для работы с PNG: помимо набора базовых функций он содержит множество дополнительных эффектов, которые порадуют даже самого требовательного пользователя.

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

PNG конвертер

О формате

Формат хранения сжатых растровых изображений PNG является одним из основных в веб-графике. Полное название Portable Network Graphics (переносимая сетевая графика). Создан в 1995 году на базе GIF. От предшественника выгодно отличается тем, что распространяется бесплатно, используется свободно, без лицензии. Этот фактор сразу увеличил его востребованность.

После JPG формат PNG является вторым по популярности среди всех графических форматов. Слово Network указывает на его применение. PNG создавался чтобы файлы с таким расширением легко распознавались разными операционными системами и без искажения открывались браузерами. Формат используют для редактирования графики, передачи изображений по сети и отображения картинок, фотографий, графических элементов на страницах сайтов и облачных Drive-хранилищ.

Если вам необходимо преобразовать ваши изображения в PNG, его легко сделать с помощью нашего онлайн-конвертера.

Преимущества.

Хранит сжатую графическую информацию, поэтому мало весят по сравнению с несжатыми: например, с BMP. Для открытия и просмотра содержимого изображений вам точно не придётся искать и устанавливать на ПК различные программы. Поддержка данного формата есть во всех ОС и во всех программах, которые умеют работать с графикой, если это конечно не специализированные программы. Например, Windows по умолчанию файлы открываются «Просмотр фотографий». А, например, просто перетащив изображение в браузер – он его покажет.

• Благодаря алгоритму сжатия Deflate, размер файлов можно уменьшать многократно, при этом качество не теряется. (Для справки: этот алгоритм используют архиваторы ZIP для компрессии данных).
• Глубина цветопередачи от 1 до 64 бит позволяет задать оптимальный размер изображения: монохромное, полутоновое с оттенками серого, индексированное цветное и полноцветное.
• Многоуровневая прозрачность — 8-битный альфа-канал, а это значит, что у пользователя есть 256 уровней от максимальной непрозрачности до полной прозрачности. Даже подобной возможности нет в JPEG.
• Встроенная программная коррекция палитры позволяет вшить определённые параметры, чтобы картинка на любом дисплее выглядела одинаково — такой, как её создал автор (авторские права также указывают внутри метаданных).
• Большинство графических программ поддерживает этот формат. Скриншоты, сделанные разными приложениями обычно сохраняются с расширением PNG.

При всех достоинствах данный формат имеет незначительные недостатки: не сохраняет сразу несколько картинок или фотографий в одном файле, не поддерживает анимацию. Кроме оттенков серого и RGB не поддерживает CMYK, поэтому не используется для профессиональной работы с полноцветными изображениями.

Отличия от других форматов

Если сравнивать PNG с другими графическими форматами, в чём-то он уступает, в чём-то их превосходит.

• JPG — широко применяется из-за способности сильно сжимать файлы. Хорошо экономит место, используется повсюду, где небольшой размер картинки важнее высокого качества. Но после чрезмерного сжатия заметны дефекты вокруг контрастных участков, смазываются края линий, становится сложно прочесть текст.
• TIFF — сохраняет файлы в несжатом или слабо сжатом виде без снижения качества. Из-за большого веса применяется ограниченно. Используется при сканировании с распознаванием текста, при печати полноцветной полиграфии. Не поддерживается браузерами, а значит вы не можете использовать данный формат в для публикации в интернете.

Если вам нужно выполнить преобразование JPG в PNG, TIFF в PNG или BMP в PNG вы можете это сделать без каких либо ограничений на нашем сервисе.

Применение формата

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

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

Оптимизация изображений.

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

Лучший способ сжать изображения оффлайн.

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

Вот его преимущества:

• Объединяет PNGOUT, OptiPNG и DeflOpt для создания меньшего размера PNGs
• Без потерь качества изображения – изменяется только размер файла
• Конвертация JPG, GIF, TIFF, и BMP файлов в PNG
• Ультра-комфортный интерфейс

Оптимизация PNG онлайн.

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

Источники:

https://www.internet-technologies.ru/articles/kak-sozdat-png-s-prozrachnostyu-v-adobe-photoshop.html
https://lumpics.ru/png-editors-online/
https://online-converting.ru/image/convert-to-png/