что делать если пнг не пнг
Проблемы со вставкой PNG: как исправить это в Photoshop
Вставка PNG в Photoshop не вызывает никаких сложностей, если вы регулярно пользуетесь программой, но вы можете столкнуться с некоторыми проблемами, если не привыкли к ней. Например, когда вставлять прозрачный PNG, вы можете увидеть черный фон. Мы объясняем, как это исправить и почему это происходит в Windows.
Если вы попытались вставить PNG из Интернета в Photoshop, скопировав изображение, вы увидите черный фон. То есть вы копируете изображение, которое вы видели в Интернете, нажимая правую кнопку и «копируя изображение». Когда вы вставляете в программу редактирования, вместо оставляя прозрачный фон Вы получаете черный фон.
Почему черный фон выходит?
Этот черный фон вместо прозрачности имеет объяснение: это не ваша вина или саманэто ошибка, но это проблема в буфере обмена Windows. Когда вы щелкаете правой кнопкой мыши и выбираете «Копировать изображение» или «Копировать PNG», Windows автоматически отбрасывает информацию о прозрачности сохранив его в буфере обмена. Как только вы вставите его, он появится на черном фоне.
Чего не делать
Если вы обычно это делаете, есть приемы, чтобы этого не происходило, и мы объясним их вам в следующих параграфах. Если вы этого не сделали, вы уже знаете, что не следует делать, когда собираетесь скопировать PNG-файл в Photoshop.
Как правильно вставить PNG
Скачать файл
Если вы откроете его так, вы увидите, что прозрачный фон есть, как и должно быть.
Перетащите изображение
Еще одна полезная опция, которая сохраняет прозрачность и экономит вам шаг, даже если это всего несколько секунд. Вы можете выполнить те же действия, что и раньше: выполнить поиск изображения в Google или выбрать нужное изображение в Интернете или выбрать нужное изображение на своем компьютере. Получив его, перетащите прямо из этого места на рабочий стол Photoshop. Вам не нужно будет выполнять шаги Файл> Открыть> Местоположение и вам нужно будет только перетащить его и он автоматически откроется. Это самый быстрый и простой вариант, хотя это будет означать, что у вас есть ранее загруженный образ где-то на вашем компьютере.
Скопируйте ссылку
Этими тремя способами вы можете легко заставить изображение сохранять прозрачность, и черный фон не появляется. Есть три простых способа избежать этой проблемы, которые вы, возможно, когда-либо видели.
Почему PNG с черным фоном: решено
Сегодня поговорим почему изображения в формате PNG открываются в редакторе с черным фоном…
Почему же PNG-изображение может иметь черный фон вместо прозрачного? Давайте разбираться!
Черный фон PNG может появляться в самых разнообразных условиях. Чтобы избежать этого глюка нужно придерживаться нескольких правил.
Вообще изображение с прозрачностью сперва нужно сохранить на жесткий диск, затем — удостовериться в том, что оно имеет альфа-канал (прозрачность). Только после этого его можно открывать в Adobe Photoshop: перетаскиванием в окно редактора или при помощи команды «Открыть с помощью»
Следует помнить о том, что буфер обмена, который используется при способе «Копировать-Вставить», не поддерживает прозрачность. Именно поэтому сперва изображение нужно сохранить на жесткий диск и только после этого пользоваться командой Открыть Файл (Open File — в англоязычной версии редактора) в Photoshop.
А вот Paint, например, вообще не поддерживает альфа-канал и поэтому сохранить изображение в данной программе с прозрачностью невозможно.
Если черный фон в PNG появляется используйте следующий алгоритм открытия:
Таким образом, если фотография или другой изображение в PNG не имеет прозрачности нужно внимательно изучить алгоритм его открытия и лишь потом приступать к его редактированию.
Черный фон PNG на OS X
Диалоговое окно Open File/Sheet не имеет строки, куда можно было бы ввести url-адрес. В этом случае необходимо загрузить файл вручную и скопировать его на жесткий диск — можно использовать перетаскивание файла на рабочий стол.
Новый файл теперь нужно перетащить в Photoshop или Dock. После — удаляем временный файл. Вопрос почему png с черным фоном можно считать закрытым.
На операционных системах OS X и Windows изображение с прозрачностью можно скопировать исключительно из браузера Chrome (или из Safari на OS X). Кроме этого редактора также должен поддерживать работу с альфа-каналами
Помните о том, что фон в PNG — это не глюк системы и не проблема редактора Photoshop. Иногда изображение может быть не с прозрачностью, а с фоном. В таком случае перейдите во вкладку «Настройки» и установите прозрачный фон. Проверьте каналы — там должен быть отдельный альфа-канал.
Таким образом, ответ на вопрос почему появляется черный фон PNG вполне понятен…
PNG формат — это что такое простыми словами и как его создать? А также его преимущества и недостатки
Привет! Сегодня поговорим о том, что такое PNG формат. Именно с помощью таких изображений вы сможете сделать свой сайт лучше.
Так давайте разбираться, что это за формат и как правильно его использовать.
PNG формат — что это такое простыми словами?
ПНГ – это один из самых популярных форматов для фото.
Появился он уже очень давно, поэтому сейчас ПНГ открывается на любом устройстве.
При этом с файлом очень легко работать, так как он открывается с помощью базовых программ.
Эта базовая программа для работы с изображениями.
Очевидно, что ей не хватает форматов, но пройти мимо ПНГ там нельзя.
Главное преимущество такого формата заключается в том, что он позволяет сохранять фотки с прозрачным фоном.
И это делает его практически незаменимым для всего.
Например, вы хотите добавить на фотографию какой-то объект.
Вам не нужно будет каждый раз его вырезать, ведь можно просто сохранить в ПНГ.
Да, со временем люди научились с помощью зелёного фона решать эту проблему.
Но если у вас нет под рукой Фотошопа, то ничем этот способ не поможет.
Да и там качество после такой обрезки оставляет желать лучшего.
Также png будет очень хорошо смотреться на сайтах.
Всё дело в том, что он позволяет придавать объектам и фотографиям лучшую форму.
Поэтому вам не нужно будет думать о том, как из прямоугольников сотворить настоящий шедевр.
Преимущества и недостатки PNG
Давайте сразу оговоримся.
В этом пункте мы будем сравнивать png с похожими по формату файлами.
Всё дело в том, что есть условные гифки, которые иногда путают с похожими форматами.
Очевидно, что у них будут совсем другие преимущества, ведь это по сути своей видео.
Этот формат имеет главное преимущество – компактность.
Если вы хотите добавить на свой сайт объекты, но не хотите полностью перекрывать ими весь вид, то это идеальный вариант.
Если вы хотите себе современное оформление, то это идеальный вариант для вас.
Поэтому не стоит подходить со скептицизмом к возможности добавить к себе на страницы такой формат.
Также преимущество пнг заключается в том, что такой формат очень легко менять.
Если вы хотите добавить какой-то объект на несколько фотографий, то вам точно нужно сохранить его в пнг.
Но при этом у такого типа файлов есть и свои недостатки.
Самый заметный из них – большие размеры.
Допустим, вы делаете превью на Ютуб.
Если вы сохраните в ПНГ, то оно может не пройти из-за того, что весит больше 2 МБ.
И это при достаточно среднем качестве.
Аналогично и со своим сайтом только здесь картинка загрузится, но и время загрузки вашего сайта увеличится.
А также ПНГ просто не всегда подходит.
В некоторых местах этот формат не распознаётся.
И тогда вместо красивого объекта вы получите красивый объект на чёрном квадрате.
Или даже шахматной доске.
Стоит ли использовать ПНГ и как его сделать?
Давайте сначала поговорим о том, как сделать пнг.
Для этого можно воспользоваться Фотошопом, Paint и другими графическими редакторами.
Просто во время сохранения документа укажите нужный формат.
После этого у вас будет файл формата пнг.
А вот стоит ли добавлять пнг – это более интересный вопрос.
Допустим, что вам нужна картинка на Ютуб.
Тогда пнг точно не нужен, так как загрузить получится лишь среднюю по качеству картинку.
Аналогично стоит поступить и владельцам мобильных сайтов.
Всё же мобильные телефоны точно не справятся с такой нагрузкой.
Поэтому ваша страница будет грузиться долго, а пользователи быстро убегут к конкурентам в поисках лучшего сервиса.
А вот на версии для компьютера можно использовать пнг.
Но здесь важно понимать, что иногда форма объектов не играет значения.
Допустим, что вы делаете какой-то информационный сайт.
И там нет разницы, поставите ли вы квадратный объект или необычной формы.
Ведь текст всё равно будет квадратным.
Ну и отказываться от этого формата не стоит, если вы регулярно работаете с фотографиями.
Так вы сможете легко и быстро добавить на них новые и интересные объекты.
Учитывая, что вам так и так пришлось бы тратить время на его вырезание, пнг вообще не отнимет у вас много времени.
PNG формат. Как сделать PNG картинку? — смотреть видео
Заключение
Вот вы и узнали, что такое PNG формат.
На данный момент это один из двух лучших и самых популярных формата для изображений.
Он выделяется ещё и тем, что позволяет удалить фон.
А это очень удобно, если вы хотите добавить какой-нибудь объект.
Хотя стоит учитывать, что на некоторых сайтах такие фокусы не поддерживаются.
Сделать такой формат можно и в Photoshop, и в Paint.
При этом в двух случаях вам нужно будет лишь сохранить документ в правильном формате.
А ещё при работе с пнг форматом стоит учитывать его вес.
Для мобильных сайтов они не подойдут, так как будут слишком сильно нагружать устройство.
В интернете регулярно спорят о том, какой формат лучше, jpg или png. А что думаете вы?
P.S. А еще мы предоставляем услуги по продвижению ваших аккаунтов и групп в социальных сетях. Ознакомиться с ними вы сможете на этой странице
P.S.S. Чтобы написать данную статью, было потрачено много сил и времени. И если она принесла пользу вам, то возможно она принесет пользу и вашим друзьям.
Для этого нажмите и поделитесь с друзьями в социальных сетях. А для нас это будет лучшей благодарностью и мотивацией на будущее!
А хотите первыми узнавать об обновлениях? Подписывайтесь на новости блога
Как создать изображение png. Как быстро в Photoshop сохранить изображение без фона в формате PNG
Доброго времени суток, уважаемые читатели. Умение делать картинки с прозрачных фоном невероятно нужно каждому начинающему разработчику сайтов, дизайнеру и даже обычному человеку.
Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.
Оказывается, что у многих возникают трудности с этим, но публикаций в интернете на эту тему в интернете вообще нет. Только несколько тем на форумах. Но, я беру на себя миссию исправить эту несправедливость…
Итак, сейчас я одену на себя рыцарские доспехи и развею все страхи, сомнения, непонимание и превращу трудности искусства фотошопного в бесхитростную обыденность. Я также поведаю обо всех тонкостях мастерства. Готовьтесь. «Ведать» я буду очень простым языком, чтобы понятно стало каждому, так что прошу прощения у читателей, которых смущает такая дотошность и они сами все прекрасно знают.
Более терпеливых я благодарю за понимание. Приступим.
В каком формате сохранять файл?
PSD. Это стандартный формат фотошоповского файла. В нем вы сохраняете свой файл, чтобы в любой момент можно было продолжить работу. В формате PSD вы не сможете показать друзьям (родителям, девушке и т.д.) фотографию или графику которую вы нарисовали. Этот формат можно открыть только фотошопом.
JPG. Формат отлично подходит для фотографий и других графических изображений. Перед сохранением в фотошопе можно оптимизировать сохраняемый JPG файл — это значит вы можете отрегулировать качество изображения так, чтобы размер файла устраивал вас. Формат открывается на любых компьютерах и телефонах. Хорошее решение, чтобы показать фотографии родственникам, переслать графику по работе, сохранить фон для сайта и т.д.
PNG. Используется в основном дизайнерами для графики на сайтах, интернет-рекламе (баннеры), графика для мобильных приложений и т.д. Формат примечателен тем, что поддерживает прозрачность в изображении. Если нужно сохранить объект на прозрачном фоне — сохраняйте в PNG.
GIF. Этот формат используют если нужно сохранить анимацию. Например, анимированный баннер, смайлик, короткое видео или стикер. Вспомните всем известные гифки, гуляющие по интернету — это как раз тот формат.
Формат png: Portable network graphics
*.png (8 bit)
Во многом похож на *.gif. Также поддерживает всего лишь 256 цветов, а это значит, что для фотографий не подойдет. Использование *.png (8 bit) приоритетно, если есть градиенты — алгоритм этого формата позволяет сжимать их более компактно.
Как и *.gif может содержать прозрачность. Не умеет сохранять анимацию.
*.png (24 bit)
Имеет одно неоспоримое преимущество перед *.jpg, *.gif, *.png (8 bit) — он единственный умеет сохранять полупрозрачность, т.е. если *.gif и *.png (8 bit) сохраняют только 2 значения прозрачности: прозрачно или непрозрачно, то в *.png полупрозрачность имеет множество промежуточных значений.
Хотя в основном полупрозрачность может потребоваться людям, занимающимся веб-дизайном, а они и так уже знают об этом преимуществе.
Остальные множественные форматы в повседневной жизни вам вряд ли пригодятся. И еще одно: все описанные форматы, кроме *.psd, можно открыть на любом компьютере, в стандартной программе просмотра изображений. А так же загрузить в интернет, где их смогут увидеть пользователи.
Теперь пару слов, о методах сохранения, первый метод:
Как сохранить в PSD
Файл — Сохранить (CTRL+S)
После того, как вы готовы сохранить свою работу в фотошопе, выполните эту простую команду через меню.
Задайте название файлу и выберите формат PSD (обычно выбран по умолчанию).
Обязательно убедитесь, что стоит галочка на параметре Слои. Иначе, не сохранятся все слои и пользы от такого сохранения файла не будет.
Если хотите пересохранить в другой файл и с другими именем — воспользуйтесь командой Файл — Сохранить как.
Сохранение в GIF
Для сохранения файла (анимации) в формате GIF
необходимо в меню
«Файл»
выбрать пункт
«Сохранить для Web»
.
В открывшемся окне настроек ничего менять не придется, так как они оптимальны. Единственный момент – при сохранении анимации необходимо выставить количество повторений воспроизведения.
Надеюсь, что изучив этот урок, Вы составили максимально полное представление о сохранении изображений в Фотошопе.
Всем привет. Сегодня речь у нас пойдет о том, как сохранить полученный результат. Ведь форматов так много, а еще зачем-то 2 типа сохранения: Save As
и
Save for Web & Devices
.
Начнем с типов файлов. Оговорюсь, все возможные расширения мы рассматривать не будем, только основные. Рассмотрение будет довольно кратким, потому что детально про каждое из них можно найти много информации в сети.
Как сохранить в JPG
После этого появиться окно, где вы можете настроить параметры сохраняемого файла.
Здесь вы можете отрегулировать качество фотографии, выставив значение Качество от 1 до 12.
Установите галочку на параметре просмотр и будет видно как меняется качество фотографии, когда вы меняете параметр Качество.
Кроме того, вы сразу видите сколько будет весить файл когда вы его сохраните. Чем меньше файл, тем быстрее вы его сможете отправить по интернету, быстрее он будет грузиться у другого пользователя. Помните, что никто не любит долго ждать загрузку фотографий в интернете, особенно через мобильный телефон.
Разновидность формата лучше оставить Прогрессивный. Сейчас не будем вдаваться в технические подробности, но этот вариант самый оптимальный.
Отрегулировать качество при сохранение нужно так, чтобы изображение не сильно пострадало, при этом вес файл существенно уменьшился.
Чего нужно добиться, чтобы фотка была действительно прозрачной
Прозрачность на картинке обычно отображается вот такой шашкой. Если вы видите ее в Google, то значит изображение можно без проблем качать и при наложении этого объекта на другой фон не поменяется цвет.
Как вы можете увидеть, такая шашка не отображается, если изображение в поиске отражено через миниатюру. Надо кликнуть на картинку и дополнительная информация откроется.
Вот смотрите, я скопировал этот рисунок и вставил его на фотографию поля. Не буду вдаваться как именно я это сделал, сейчас это не важно. Самое важное, что вы видите все части поля, кубики как будто были вырезаны и наложены на картинку.
Если бы я не нашел в поиске фотографию с шашкой, то иллюстрация выглядела совсем иначе. Фон был бы белым и прямоугольным.
Как сохранить в PNG
Сохранять фотографии в PNG не надо. Воспользуйтесь этим форматом, если нужно качественно сохранить картинку с прозрачным фоном.
Файл — Экспортировать — Сохранить для Web (старая версия)
Появиться окно с настройками сохраняемого изображения.
Выбирайте формат PNG-24 — это будет качественное изображение с наименьшим весом файла и со всеми цветами.
Установите галочку Прозрачность, чтобы картинка была с прозрачным фоном.
Параметры — Чересстрочно и Встроенный профиль необходимо убрать, т.к. это лишняя и не нужная нагрузка на файл.
картинка с прозрачным фоном сохранённая в фотошопе
Создание файла
Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл
Затем в появившемся окне «Новый документ
» (
New Document
) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (
поскольку файл предназначен для использования в веб
). А также, что вы выбрали значение «
Прозрачный
» (
Transparent
) в выпадающем списке «
Содержимое фона
» (
Background Contents
).
После того, как вы задали значения параметров, нажмите «OK
», чтобы открыть новый документ.
Затем в панели «Слои
» (
Layers
) убедитесь, что работаете на прозрачном слое, а не на фоновом:
» (
File
) вы можете использовать один из возможных вариантов:
Photoshop версии ранее, чем CC 2020:
» (
Save for Web & Devices
), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «
Файл
» (
File
), и далее – «
Сохранить для Web
» (
Save for Web & Devices
):
Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность
Поля «Размер изображения
» (
Image Size
) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.
Photoshop версии CC 2020:
» (
Save for Web & Devices
) в меню «
Файл
» (
File
) помечена как Legacy (
устаревшая
). И замещена на новую опцию «
Экспорт
» (
Export
), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «
Экспорт
», нажмите меню «
Файл
» (
File
), а затем — «
Экспортировать как
» (
Export As
).
Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web
Затем в появившемся окне выберите PNG из выпадающего меню «Формат
» (
Format
) и убедитесь, что выбраны опции «
Прозрачность
» (
Transparency
) и «
Преобразовать в sRGB
» (
Convert to sRGB
).
Запустите Adobe Photoshop и создайте новый документ нужного вам размера. Чтобы вызвать соответствующий диалог раскройте в меню раздел «Файл» и выберите команду «Создать» или просто нажмите сочетание клавиш ctrl + n. Размеры укажите в полях «Ширина» и «Высота». Убедитесь, что в выпадающем списке «Содержимое фона» выбрана строка «Прозрачный», а затем нажмите кнопку «OK».
Вставьте в созданный документ с прозрачным фоном вашу картинку. Если она хранится в файле, то раскройте в меню графического редактора тот же раздел «Файл» и выберите команду «Поместить». В результате откроется окно, в котором вам нужно отыскать нужный файл, выделить его и нажать кнопку «Поместить». Картинка будет помещена в центр документа и сразу будет включен режим трансформирования — вы можете перемещать изображение мышкой или с помощью клавиш навигации. Кроме того, в этом режиме можно изменять размеры вставленной картинки, менять ее пропорции и вращать.
Подберите настройки качества и выберите формат сохраняемой картинки. Для этого в разделе «Файл» выберите команду «Сохранить для Web и устройств» или воспользуйтесь сочетанием клавиш shift + ctrl + alt + s. Первым делом выберите формат сохранения — для этого предназначены два выпадающих списка в правом верхнем углу окна. Прозрачность поддерживают gif и png, выберите один из пресетов, относящихся к этим форматам. После этого с помощью настроек, размещенных в этом окне, подберите устраивающее вас соотношение качества изображения и веса создаваемого файла. Качество будет отображаться на картинке предпросмотра, а вес — ниже левого угла этого изображения. Затем нажмите клавишу «Сохранить».
Укажите название создаваемого файла и место его сохранения в следующем окне и снова нажмите клавишу «Сохранить».
Если Adobe Photoshop не установлен в вашем компьютере, то можно воспользоваться его онлайн-версией на сайте https://pixlr.com/editor/?loc=ru.
Чтобы воспользоваться изображением-анимацией
в своих целях, например, для последующего редактирования, его необходимо скопировать с интернет-страницы. При сохранении и редактировании gif-файлов следует придерживаться некоторых правил.
Для сохранения файла-анимации на жесткий диск с интернет-страницы необходимо запустить браузер, открыть новую вкладку, перейти по нужному адресу и произвести копирование. Как правило, это можно сделать через контекстное меню, используя команды «Сохранить изображение как…».
В открывшемся окне выберите опцию «Сохранить файл» и нажмите клавишу Enter либо кнопку «ОК». Перед вами появится новое окно, в котором стоит указать папку сохранения и название файла. Нажмите кнопку «Сохранить» и дождитесь окончания загрузки изображения.
Для редактирования анимационных графических файлов необходимо использовать специальное программное обеспечение, например, бесплатный редактор Gimp, который получил распространение во многих операционных системах. Запуск программы осуществляется после двойного клика по ярлыку на рабочем столе.
Отличие формата PNG от других форматов для графики заключается в том, что прозрачные или частично прозрачные части изображения при сохранении так и остаются прозрачными. При сохранении файлов в другом формате эта прозрачность может быть потеряна. Чтобы создать и, главное, сохранить PNG-файл, необходимо учитывать несколько моментов.
Как правильно хранить прозрачные картинки
Все мы привыкли к такому формату фотографий, как jpeg. Некоторые люди даже и не знают о существовании других. Однако, он не понимает, что такое прозрачность. Для того, чтобы скачивать и хранить на своем компьютере «правильные» фотографии, вам понадобится понять и запомнить новый формат — png.
Видите, помимо шашки, в Google почти всегда вместе с нужными картинками можно увидеть это сочетание букв.
Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.
Зачем было нужно придумывать другой формат? Все дело в том, что популярный jpeg, не понимает, что такое прозрачность. Он меняет ее на привычный белый.