Как сохранить картинку в фотошопе без фона

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

Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.

Оказывается, что у многих возникают трудности с этим, но публикаций в интернете на эту тему в интернете вообще нет. Только несколько тем на форумах. Но, я беру на себя миссию исправить эту несправедливость…

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

Более терпеливых я благодарю за понимание. Приступим.

Чего нужно добиться, чтобы фотка была действительно прозрачной

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

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

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

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

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

Как правильно хранить прозрачные картинки

Все мы привыкли к такому формату фотографий, как jpeg. Некоторые люди даже и не знают о существовании других. Однако, он не понимает, что такое прозрачность. Для того, чтобы скачивать и хранить на своем компьютере «правильные» фотографии, вам понадобится понять и запомнить новый формат — png.

Видите, помимо шашки, в Google почти всегда вместе с нужными картинками можно увидеть это сочетание букв.

Если вам необходимо сохранить картинку с вырезанным фоном, то опять же, вам нужен специальный формат. Вы находите в категории «Файл» ссылку «Сохранить как…».

Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.

Зачем было нужно придумывать другой формат? Все дело в том, что популярный jpeg, не понимает, что такое прозрачность. Он меняет ее на привычный белый.

Как избавиться от фона: простой и довольно быстрый способ без лишних заморочек

В моем блоге вы можете найти статью, в которой я показываю 4 инструмента и привожу видео, в котором можно найти 3 способа избавиться от фона на рисунке (смотрите здесь). Можете прочитать ее, если вам интересно. Сейчас я хотел бы показать вам еще один прием, так как считаю, что без этого статья была бы не полной. Мало ли, кто-то не захочет лазить по моему блогу. А тут все в одном месте.

Итак, открываем картинку.

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

Можете увеличить диаметр ластика, чтобы стирать было удобнее.

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

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

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

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

Думаете, что у вас не получится или вы слишком стары для этого дерьма? Не хватает времени? Поверьте, это все нелепые отговорки. Я юрист и зарабатываю достаточно, но … у вас есть хобби, любимое увлечение? Вы живете полной жизнью? Вам действительно не скучно?

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

Прошло время, когда основное время человек проводил за компьютером или телевизором. Теперь все развиваются, улучшают какие-то свои навыки и делятся с людьми тем, что они знают. По сути так всегда было, увеличились только масштабы.

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

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

Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля» и овладейте им в совершенстве. Очень быстро у вас появится прибыльное хобби. Не так уж увлечены дизайном? Обратите внимание на то, как пишут тексты для интернета и создавайте свои проекты.

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

Возможно, одна из них вас вдохновит на что-то новое и пока неизвестное. Вы поймете, что это интересно и захотите попробовать сами, а потом… кто знает что будет потом?

Обернется ли хобби во что-то большее или вы просто покажете результат своих трудов друзьям, дабы получить их похвалу и восхищение? В отличие от многих вы встанете с дивана и сделаете то, что выведет вас за рамки привычного. Вы попытаетесь изменить свою жизнь. Это очень похвально.

Я искренне желаю вам успехов в ваших начинаниях и надеюсь, что эта наша встреча будет не последней.

Как в Photoshop вырезать объект и сохранить его в PNG формате

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

1. Открываем нужную картинку, на которой хотим вырезать объект. Пусть это будет кадр из мультфильма «Дом».

2. Для выделения нужного объекта на картинке выбираем один из инструментов. Очень легко и просто это сделать при помощи «Быстрое выделение». Нажимаем кисточку с плюсиком и выделяем главного персонажа мультфильма вместе с котом. Если нужно убрать часть выделенного объекта – вверху выбираем другую кисть с минусом.

   Для более точного управления областью выделения уменьшайте радиус кисти в настройках инструмента.

3. Далее в верхней панели выбираем «Уточнить край» (см. скриншот выше, где выделен персонаж). Откроется окошко, где выберем в настройках края растушевку, сглаживание и контрастность под свои параметры картинки. Затем кликаем «Ок».

4. Выделенный фрагмент следует скопировать. Для этого используем горячие клавиши – комбинацию Ctrl + C. Скопированный слой вставляем при помощи клавиш Ctrl + V. Появится новый слой с выделенным фрагментом.

5. Убираем видимость первого слоя, который располагается внизу. Для этого кликаем в правом окошке на иконку глаза.

6. Теперь следует сохранить картинку. Заходим в «Файл» и выбираем «Сохранить как». В диалоговом окне выбираем тип файла «PNG». Кликаем «Сохранить». Файл автоматически сохранится с полупрозрачностью.
7. Вот и получилась картинка без фона в формате PNG, на которой изображен персонаж из популярного мультфильма.

Возможно, вас заинтересует Как поменять фон на фотографии или картинке без использования Фотошоп

В каком формате сохранять картинку в фотошопе

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

Форматы для сохранения фото в Photoshop

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

• размер;
• поддержка прозрачности;
• число цветов.

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

Подведем итог. Сохранение картинки в фотошопе выполняется двумя командами меню. Первая «Файл – Сохранить (Ctrl+S)».

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

Когда создается новое изображение на компьютере, команда будет работать как «Сохранить как» («Файл – Сохранить как… (Shift+Ctrl+S)»).

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

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

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

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

1-12. Обозначенный размер файла появится в окне с правой стороны.

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

• Базовый («стандартный») – при этом картинки или фото на мониторе отображаются построчно. Так отображаются файлы JPG.
• Базовый оптимизированный – изображение с оптимизированной кодировкой Huffman.
• Прогрессивный – формат, обеспечивающий показ, во время которого улучшается качество загружаемых изображений.

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

PSD, его разработали для использования в программе Фотошоп.

Пользователю нужно выбрать его из раскрывающегося окна со списком форматов и нажать «Сохранить». Это позволит при необходимости вернуть фото к редактированию: будет выполнено сохранение слоев и фильтров с эффектами, которые вы уже применили.

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

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

Форматы для сохранения фото

PSD и TIFF

Оба эти формата позволяют сохранять документы (работы) со структурой, созданной пользователем. Сохраняются все слои, их порядок, стили и эффекты. Имеются незначительные отличия по размеру —

PSD весит меньше.

JPEG

Наиболее распространенный формат для сохранения фотографий. Подходит как для печати, так и для публикации на странице сайта. Основным недостатком данного формата является утрата некоторого количества информации (пикселей) при открытии и проведении манипуляций с фото.

PNG

Имеет смысл применять, если на изображении есть прозрачные участки.

GIF

Не рекомендуется для сохранения фото, так как имеет ограничение по количеству цветов и оттенков на итоговом изображении.

RAW

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

RAW формате смысла не имеет, так как обработанные снимки не содержат той информации, которую требуется обрабатывать в редакторе RAW.

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

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

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

Я вас снова приветствую на просторах моего блога, уважаемые читатели и посетители. Сегодня мы узнаем, как сохранить картинку в фотошопе для разных ситуаций. Мы узнаем, как сохранять изображения на прозрачном фоне, без потери качества, анимацию и многое другое. Многие уже наверное удумают: «Что за фигня? Когда мы начнем нормальным фотошопом заниматься, а не мелочами всякими». Я вам отвечу. Не спешите вперед паровоза. Изучите сначала теорию и азы, а уж потом и самое интересное будет. Идите по порядку и всё будет круто. Тем более, здесь есть свои нюансы, начиная с формата рисунка, заканчивая размером.

Обычное сохранение

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

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

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

В каких форматах лучше всего сохранять картинку

Вкратце рассмотрим самые популярные форматы картинок, которые используются для разных целей.

• Если ваш проект еще не закончен, то сохраняйте в формате PSD. Сохранится весь ваш прогресс, прозрачность, все слои и так далее. Да и кстати, если проект не просто какая-то однодневка, а что-то более масштабное, то лучше всегда держать копию в PSD. Я всегда держу шаблоны картинки, которые вставляю в анонс к статье, так как тема одна и та же. Просто меняется картинка внутри и заголовок.
• Если вы закончили ваш проект и хотите сохранить ваш конечный результат (например обработали фотографию или сделали коллаж), то сохраняйте в JPG (JPEG). Самое оптимальное для фото. В подавляющем большинстве случаев сохранять будем именно в нём.
• Если вы делали анимацию (например анимированные баннеры), то вам подойдет только GIF, так как только он может состоять одновременно из нескольких изображений. Но несмотря на огромный плюс, данное расширение имеет и жирный минус. Дело в том, что оно не способно сохранять картинки с количеством цветов более 256. А это, как вы уже наверное догадались, очень мало, с учетом того, что обычная JPG фотография способна содержать в себе более 16 миллионов цветов. Чуете разницу? Но для малоцветных анимированных баннеров — это будет то, что надо.
• Если у вас изображение подразумевает прозрачный фон, т.е. на картинке только определенный объект без белого фона (или), то тогда ваш формат PNG. Дело в том, что если вы сохраните любую картинку с прозрачным фоном в фотошопе с расширением JPG, то он просто зальется белым цветом. И при последующей вставке картинки в редактор, никакой прозрачности больше не будет.
• Если вы хотите сохранить картинку в фотошопе без потери качества, то лучше всего делать это в формате TIFF. Именно здесь сохраняется вся цветовая палитра и пиксели. Данный формат используют для полиграфии при распечатке растровых изображений как раз так из-за того, что качество не хромает. Единственным минусом становится то, что он занимает неприлично много места на жестком диске.
• Ну и конечно, нельзя было не упомянуть, что фотошоп способен создавать графику в формате PDF, что позволит открывать его не как изображение ,а как документ.

Еще хотелось бы заметить, что GIF, как и PNG поддерживает прозрачность фона, но в отличие от последнего он не поддерживает полупрозрачность. Либо вс1, либо ничего.

Конечно, тут вы можете увидеть много других расширений, но поверьте мне, они не стоят вашего внимания.

Сохранение для Web

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

1. Выбираем знакомое нам меню «Файл» в самом верху, а потом нажимаем на «Сохранить для Web» .
2. Во вновь открывшемся окне выбираем формат по принципу, описанному выше. Для примера возьму самый распространенный JPEG.
3. И качество ставьте порядка 60. Больше просто ни к чему для интернета.

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

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

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

Попробуйте проделать все манипуляции от начала до конца самостоятельно. Это очень просто. Кроме того, сделайте это для каждого из назначений.

Ну а если вы хотите более подробнее изучить фотошоп, то могу вам предложить замечательный видеокурс , благодаря которому вы обучитесь фотошопу за пару-тройку недель. Поверьте, это совсем не сложно, если уделять программе 1-2 часа в день. Все уроки выполнены в формате видео и рассчитаны для начинающих, так что вам не будет дискомфортно и вы всё поймете с первого раза. Поверьте, это действительно стоящий курс!

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

Adobe Photoshop – один из самых продвинутых и комплексных инструментов для редактирования изображений. Им пользуются как любители в области фотографии, так и профессионалы. Сегодня мы разберемся, в каком формате сохранять фото в Фотошопе без потери качества. Выбирать формат изображения необходимо исходя из целей и дальнейшего использования файла.

Разновидности форматов

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

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

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

PNG реализован в 8 и 24-битном вариантах. Первый тип не очень хорош для сохранения качественных фотографий из-за ограничения цветов. А 24-битный PNG имеет преимущество перед JPG – это сохранение степени прозрачности. Эти форматы можно открывать в любом средстве для просмотра изображений. Формат PSD подходит только для работы в Adobe Photoshop.

RAW – это «сырой» формат снимка, сохраненный на фотоаппарате. Такой файл загружается в Фотошоп для дальнейшей детальной корректировки цвета, резкости, насыщенности, баланса белого и так далее. Имеет наилучшее качество и возможность тонкой настройки фото, но не подходит в качестве финального формата изображения. Чаще всего после редактирования RAW конвертируется в JPEG с помощью Adobe Camera Raw.

Как сохранять фото?

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

1. Откройте меню «Файл» и выберите пункт «Сохранить как».

1. Теперь выберите место для сохранения на жестком диске. Укажите название файла и выберите формат из списка. Затем кликните на кнопку «Сохранить».

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

Если выбрать в качестве формата PSD, то окно с дополнительными параметрами не появится. Также в Фотошопе есть альтернативными метод сохранения фотографий – это функция «Сохранить для Web». Она позволяет детально настроить качество изображения в стандартных форматах, но не подходит для PSD. Воспользоваться инструментом можно следующим образом:

1. Снова откройте «Файл» и зайдите в «Экспортировать». Здесь выберите пункт «Сохранить для Web».

1. Перед вами появится окно предпросмотра с панелью инструментов в правой части. Данное средство позволяет выбирать между несколькими форматами: JPEG, GIF, PNG-8, PNG-24 и WBMP.

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

Видеоинструкция

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

Заключение

Чаще всего, отредактированные и законченные работы сохраняются в стандартном формате JPEG. Он отлично подходит для печати, использования в интернете. Однако он несколько теряет в качестве при повторном редактировании, загрузке на сайты и так далее. Но при правильной настройке средствами Photoshop вы добьетесь качественного результата. PSD подойдет в том случае, если вам важно сохранить структуру проекта, PNG – для изображений с прозрачными элементами. Хуже всего в отношении качества проявляет себя GIF.

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

обычное фото, на прозрачном фоне и без потери качества.

В этом уроке вы узнаете, как сохранить документ в фотошопе . После того как фотография была отредактирована то, скорее всего вы задались вопросом как ее сохранить? Для этого в фотошопе предусмотрены три команды: Save (Сохранить), Save As (Сохранить как) и Save for Web & Devices (Сохранить для Web и устройств):

Основные сведения

Все три команды можно выполнить через меню File (Файл):

Команда Save (Сохранить), позволяет сохранить документ, в том формате, в котором была открыта изначально. Ее рекомендуется использовать в том случае, когда вы редактируете изображение, что бы в случае зависания программы не потерять результаты. Следующая команда, Save As (Сохранить как), будет для вас наиболее полезна, она позволяет выбрать формат сохранения, качество и название. Команда Save for Web & Devices(Сохранить для Web и устройств) полезна для сохранения изображения веб ресурсов или каких либо устройств, позволяя сильно сжимать и менять размеры изображения. Что бы изучить настройки этой команды потребуется отдельный урок.

Сохранение файла в формате JPEG

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

Для соxранения изображения в этом формате нужно выбрать File (Файл)- Save As (Сохранить как), после чего откроется окно с настройками сохранения, о котором подробно будет рассказано ниже:

1. В верхней части расположено окно для выбора места сохранения вашем жестком диске.
2. Изменение имени файла
3. В поле Format (Формат) можно выбрать формат для файла. Выберите формат JPEG и нажмите сохранить.

Перед вами откроется окно с настройками файла:

В разделе Image Options можно выбрать качество и степень сжатия:Low (Низкое), Medium (Среднее), High (Высокое) и Maximum (Максимальное). Легче всего это сделать при помощи ползунка. Помните, что чем больше сжатие, тем хуже качество. Слева указан размер файла. В разделе Format Options можно выбрать один из трех методов сжатия:

• Baseline Standart (Базовый Стандартный) этот метод сжатия самый распространяемый, идеально понимаемый формат для устройств и веб браузеров.
• Baseline Optimizes (Базовый оптимизированный) метод который позволяет сжимать изображение, но при этом сохранять четкость и краски.
• Progressive (Расширенный) с помощью сoхранения этого метода изображение будет загружаться не построчно, а за несколько проходов по мере загрузки. В каждый из них будет выводится полное изображения, улучшаясь от прохода к проходу. Некоторые браузеры и устройства плохо с ним работают.

Оставьте Baseline Standart и нажмите OK

Сохранение файла в формате PSD

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

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

Кому это нужно знать и зачем?

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

О каком времени речь?

Для начала проясним одну вещь:

Используя интернет, вы теряете время — много времени

Загрузка страниц в интернете не моментальная и требует времени, но за долгие годы пребывания в интернете вы привыкли не замечать этого. Допустим, средняя скорость загрузки страницы 3 секунд , где 2 из них приходятся на загрузку изображений. Иллюстрации, элементы интерфейса, фотографии, рекламные баннеры, PDF-презентация или даже картинка с милым котом, в зависимости от размера файла, потребуется время, что бы браузер вывел изображение на экран.

Не обманывайте себя «мегабайтами в секунду»

Скорее всего, ваш интернет-провайдер обещает вам 100 Мбит/с — это гениальный рекламный ход(читайте как: обман) породивший множество заблуждений, в том числе и в теме скорости загрузки сайта. Я замерил скорость соединения с сервером расположенным в Москве, результат:

А вот скорость загрузки страницы с сайта значительно ниже:

Сколько изображений в день вы просматриваете?

Десятки? Сотни? Я как активный пользователь интернета просматриваю несколько сотен изображен в день, причем большинство из них высокого разрешения. Если уменьшить вес этих изображений и соответственно увеличить скорость загрузки, хотя бы на 1 секунду, умножив на 500 изображений в день, то получим около 8 минут в день и 4 часа в месяц.

4 часа в месяц я ожидаю, когда загрузится картинка

Все, что нужно знать о сохранении изображений

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

Вредной привычкой является установка качества в значение 100 , но в сравнении с 80 разнится видимого качества практически равна нулю, а вот разница в весе ощутима .

Для размещения изображения на сайте, передаче по почте, сохранения в облаке, отправке в мессенджере и т. п. — необходимо использовать Save for Web.

JPEG или PNG?

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

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

Какое качество(Quality) выбрать?

Для большинства изображений оптимальным значением будет 80 , для некоторых простых изображений, где не важен четкий переход между цветами. можно поставить значение 60 .

Оптимизация(Optimized)

Функция включает дополнительный алгоритм по преобразованию цветов, рекомендуется включать всегда , кроме случаев, когда важны самые мельчайшие детали(например Pixel Art).

Преобразовать в sRGB(Convert to sRGB)

Преобразование цветов изображения к соответствующей таблице sRGB.

sRGB является стандартом для интернета

Разрешение(Image Size)

Самым распространенным разрешением экрана является: 1366×768 — для компьютера и 720×1280 — для смартфона. Имейте это ввиду и не сохраняйте изображения больше, чем 1920 по ширине.

Метаданные(Metadata)

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

Когда вы последний раз смотрели подробную информацию скачанного изображения?

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

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

Спасибо, Владислав.

Сохраненную на компьютере, и научиться последнему штриху — как сохранить картинку (изображение, фотографию) в фотошопе .

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

Файл — Сохранить (Ctrl+S)

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

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

Файл — Сохранить как… (Shift+Ctrl+S)

Данная команда является основной и наделена множеством «сложностей».

Выбрав эту команду, вам нужно указать фотошопу куда, с каким именем и в каком формате желаете сохранить свою фотографию. Для этого появится диалоговое окно:

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

Но это еще не все. Фотошоп покажет еще одно окно — Параметры . Содержимое данного окна будет напрямую зависеть от выбранного вами формата файла.

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

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

Также вам предлагается три разновидности формата:

• Базовый («стандартный») — это отображение изображений на экране построчно. То есть самый обыкновенный способ отображения содержимого JPG-файла.
• Базовый оптимизированный — это изображение с оптимизированной кодировкой Huffman.
• Прогрессивный — это формат, обеспечивающий показ с постепенным улучшением качества изображений по мере их загрузки.

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

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

Третий способ сохранения в фотошопе

Нажмите на крестик этого изображения (красная стрелочка), если хотите закрыть изображение, но остаться в фотошопе, либо на крестик самого фотошопа (синяя стрелочка), если хотите совсем закончить свою работу.. Спасибо!

Сегодня мы поговорим о том, как правильно сохранить и оптимизировать картинку в фотошопе и в каком формате это лучше сделать. А ведь правильный выбор формата сохранения очень сильно влияет на качество и внешний вид картинки, а также на вес картинки в килобайтах. Это особенно важно для тех, кто учитывает расход трафика. Итак, давайте разберемся по порядку с jpg, gif и png.

1. В каких форматах сохранять картинки
После того, как вы открыли в фотошопе любимую фотографию и каким-то образом поколдовали над ней или, вообще, создали с нуля коллаж собственного производства, вам предстоит сохранить этот файл у себя на компьютере. Для сохранения файла существуют три самых распространенных формата.

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

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

Формат png. Похож на предыдущий формат, но более продвинут и эффективнее сжимает картинки. В png очень удобно сохранять клипарты на прозрачном фоне. Существует в двух форматах png-8 (для простых картинок, поддерживает 256 цветов) и png-24 (для более сложных изображений, хорошо поддерживает цвета).

2. Сохраняем с помощью функции «Сохранить как…» (Save as…)
Можно сохранить картинку используя старый добрый способ через меню «Файл» -> «Сохранить как…» (Save as…) или комбинация клавиш «Shift+Ctrl+S». В выпадающем меню выбирается формат файла, в котором хотим сохранить файл. (Смотрим рисунок ниже) Этот способ используется когда сохраняемая картинка останется на вашем компьютере и не предназначается для публикации в интернете.

3. Сохраняем с помощью функции «Сохранить для Web» (Save for Web…)
Если же ваша картинка предназначена для того, чтобы быть вывешенной в интернете, то лучше воспользоваться функцией «Сохранить для Web» (Save for Web…). При таком способе картинка лучше и качественнее сохраняется именно для интернета и плюс там есть несколько удобных возможностей. Выбираем в меню «Файл» -> «Сохранить для Web…» (Save for Web…) или комбинация клавиш «Alt+Shift+Ctrl+S». Откроется диалоговое окно.

Для того, чтобы сохранить картинку в формате jpg в выпадающем меню (1) выбираем формат JPEG. Ставим качество сохранения (2) от 75% до 95%. Я всегда ставлю 75%. Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

Для того, чтобы сохранить картинку в формате gif в выпадающем меню (1) выбираем формат GIF. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

Для того, чтобы сохранить картинку в формате png в выпадающем меню (1) выбираем формат PNG-8. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). Ставим галочку в чекбоксе «Прозрачность» (6) для того, чтобы фон был прозрачным. После этого нажимаем «Сохранить».

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

09.11.2018 09.11.2018

Когда работа в фотошопе готова её необходимо сохранить.

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

В каком формате сохранять файл?

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

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

PNG . Используется в основном дизайнерами для графики на сайтах, интернет-рекламе (баннеры), графика для мобильных приложений и т.д. Формат примечателен тем, что поддерживает прозрачность в изображении. Если нужно сохранить объект на прозрачном фоне — сохраняйте в PNG.

GIF . Этот формат используют если нужно сохранить анимацию. Например, анимированный баннер, смайлик, короткое видео или стикер. Вспомните всем известные гифки, гуляющие по интернету — это как раз тот формат.

Как сохранить в PSD

Задайте название файлу и выберите формат PSD (обычно выбран по умолчанию).

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

Как сохранить в JPG

1. Выполните команду Файл — Сохранить .
2. Выберите формат JPG .

После этого появиться окно, где вы можете настроить параметры сохраняемого файла.

Здесь вы можете отрегулировать качество фотографии, выставив значение Качество от 1 до 12.

Установите галочку на параметре просмотр и будет видно как меняется качество фотографии, когда вы меняете параметр Качество .

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

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

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

Как сохранить в PNG

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

Появиться окно с настройками сохраняемого изображения.

Выбирайте формат PNG-24 — это будет качественное изображение с наименьшим весом файла и со всеми цветами.

Установите галочку Прозрачность , чтобы картинка была с прозрачным фоном.

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

картинка с прозрачным фоном сохранённая в фотошопе

Как сохранять в GIF

Выбирайте формат GIF.

Формат GIF серьезно ужимает изображение в цветах и соответственно в весе файла. Максимум тут доступно 256 цветов.

Не забудьте поставить галочку напротив Прозрачности , чтобы был прозрачный фон, если он нужен.

Адаптивная модель цветов — наилучшая, когда нужно сохранить в максимальном качестве.

Дизеринг я устанавливаю 100%, в этом случае градиентные переходы более плавные.

Если у вас есть анимация в гифке, то можно настроить её количество повторов. Обычно ставят Многократно , чтобы анимация была бесконечно повторяющаяся.

Теперь вы знаете как сохранять в фотошопе, используя самые популярные форматы. Остались вопросы? Приглашаю в комментарии.

Сжатие изображений формата PNG-24 и JPEG с помощью сервисов TinyPNG и TinyJPG

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

Сохранение картинки Save for Web и форматы изображений

Как многие из вас знают, сохранять картинки для сайта нужно через инструмент фотошопа Save for Web.

Находится он в меню File. Дальше открывается диалоговое окно с возможностью выбора формата файла, в котором вы хотите сохранить картинку.

Здесь есть несколько вариантов:

• JPEG имеет смысл выбрать для больших картинок со множеством цветов, например, фотографий (можете поэкспериментировать с качеством, 70-80 вполне достаточно).
• PNG-24 – это формат без потери качества, поэтому занимает больше места. Используется там, где нужны тонкие линии и высокая детализация картинки. Также он поддерживает полупрозрачность.
• PNG-8 – подходит для небольших изображений с малым числом цветов, например иконок. Есть прозрачность, но не плавная.
• GIF – по сути, то же, что и PNG-8, только с возможностью анимации.

Отличительной особенностью PNG-8 и GIF есть то, что в процессе сохранения файла черерз Save for Web вы можете уменьшать число используемых цветов в палитре.

Для некоторых изображений вы можете изменить палитру, например, с 256 до 64 цветов и т.д. без потери качества. При этом размер итогового файла будет меньше! В примере выше хорошо видно как уменьшение цветов влияет на изображение, но если бы там была простая иконка с 16-32 цветами, разницу вы бы не заметили.

Сервисы TinyPNG и TinyJPG для сжатия изображений

В отличии от PNG-8 вы не можете работать с палитрой цветов для PNG-24. Точнее не можете сделать этого с помощью базовых функция фотошопа. И тут на арену выходит сервис TinyPNG. Для сжатия изображения просто перетаскиваете картинку в специальный блок в шапке сайта.

После обработки скачиваете новое изображение. Как видите из примера выше, исходную картинку в почти 350Кб сервис TinyPNG превратил в файл чуть больше 100Кб. В среднем получается уменьшить вес файла на 70%. Причем с сохранением качества и прозрачности.

Через форму загрузки в TinyPNG вы можете добавить до 20-ти картинок не более 5Мб каждая. Кроме того вам будет интересно узнать, что есть плагин для WordPress и Magento, который позволяет автоматически сжать все ваши изображения на сайтах!

По аналогии с PNG-24 существует также проект TinyJPG, позволяющий сжимать JPEG изображения для сайта. Опять же в фотошопе вы не можете подправить палитру картинки, а сервис легко ужмет ее размер на -70%.

Принцип его работы аналогичный – перетаскиваете файл в блок в шапке сервиса и получаете новую оптимизированную картинку. Разницу заметить сложно, разве что в весе. Кстати, если вам некогда возиться с онлайн сервисами TinyPNG и TinyJPG, можете купить за 50 долларов плагин для фотошопа, который позволяет сделать все то же самое, но внутри графического редактора. Работает он как для Mac так и для Windows.

советы и рекомендации. Как правильно сохранять готовые изображения в Photoshop’е? Как сохранить файл в фотошопе

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

Сегодня поговорим о том, как сохранять готовые работы в Фотошопе.

Первое, с чем необходимо определиться, прежде чем начать процедуру сохранения, это формат.

Распространенных форматов всего три. Это JPEG , PNG и GIF .

Начнем с JPEG . Данный формат универсален и подходит для сохранения любых фотографий и изображений, не имеющих прозрачного фона.

Особенностью формата является то, что при последующем открытии и редактировании могут возникнуть так называемые «JPEG артефакты» , причиной которых является потеря некоторого количества пикселов промежуточных оттенков.

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

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

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

Давайте немного попрактикуемся.

Для вызова функции сохранения необходимо перейти в меню «Файл» и найти пункт «Сохранить как» , либо воспользоваться горячими клавишами CTRL+SHIFT+S .

Это универсальная процедура для всех форматов, кроме GIF .

Подложка

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

Параметры изображения

Здесь выставляется качество картинки.

Разновидность формата

Базовый (стандартный) выводит изображение на экран построчно, то есть обычным способом.

Базовый оптимизированный использует для сжатия алгоритм Хаффмана (Huffman). Что это такое, объяснять не буду, поищите сами в сети, это к уроку не относится. Скажу только, что в нашем случае это позволит немного уменьшить размер файла, что на сегодняшний день не сосем актуально.

Прогрессивный позволяет улучшать качество изображения пошагово по мере его загрузки на веб странице.

На практике чаще всего применяются первая и третья разновидность. Если не совсем ясно, для чего вся эта кухня нужна, выбирайте Базовый («стандартный») .

Сохранение в PNG

При сохранении в этот формат также выводится окно с настройками.

Сжатие

Эта настройка позволяет значительно сжать итоговый PNG файл без потери качества. На скриншоте настроено сжатие.

На картинках ниже Вы можете увидеть степень компрессии. Первый скрин со сжатым изображением, второй – с несжатым.

Как видим, разница значительная, поэтому имеет смысл поставить галку напротив «Самый маленький/медленно» .

Чересстрочно

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

Я пользуюсь настройками, как на первом скриншоте.

Сохранение в GIF

Для сохранения файла (анимации) в формате GIF необходимо в меню «Файл» выбрать пункт «Сохранить для Web» .

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

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

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

Кому это нужно знать и зачем?

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

О каком времени речь?

Для начала проясним одну вещь:

Используя интернет, вы теряете время — много времени

Загрузка страниц в интернете не моментальная и требует времени, но за долгие годы пребывания в интернете вы привыкли не замечать этого. Допустим, средняя скорость загрузки страницы 3 секунд , где 2 из них приходятся на загрузку изображений. Иллюстрации, элементы интерфейса, фотографии, рекламные баннеры, PDF-презентация или даже картинка с милым котом, в зависимости от размера файла, потребуется время, что бы браузер вывел изображение на экран.

Не обманывайте себя «мегабайтами в секунду»

Скорее всего, ваш интернет-провайдер обещает вам 100 Мбит/с — это гениальный рекламный ход(читайте как: обман) породивший множество заблуждений, в том числе и в теме скорости загрузки сайта. Я замерил скорость соединения с сервером расположенным в Москве, результат:

А вот скорость загрузки страницы с сайта значительно ниже:

Сколько изображений в день вы просматриваете?

Десятки? Сотни? Я как активный пользователь интернета просматриваю несколько сотен изображен в день, причем большинство из них высокого разрешения. Если уменьшить вес этих изображений и соответственно увеличить скорость загрузки, хотя бы на 1 секунду, умножив на 500 изображений в день, то получим около 8 минут в день и 4 часа в месяц.

4 часа в месяц я ожидаю, когда загрузится картинка

Все, что нужно знать о сохранении изображений

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

Вредной привычкой является установка качества в значение 100 , но в сравнении с 80 разнится видимого качества практически равна нулю, а вот разница в весе ощутима .

Для размещения изображения на сайте, передаче по почте, сохранения в облаке, отправке в мессенджере и т. п. — необходимо использовать Save for Web.

JPEG или PNG?

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

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

Какое качество(Quality) выбрать?

Для большинства изображений оптимальным значением будет 80 , для некоторых простых изображений, где не важен четкий переход между цветами. можно поставить значение 60 .

Оптимизация(Optimized)

Функция включает дополнительный алгоритм по преобразованию цветов, рекомендуется включать всегда , кроме случаев, когда важны самые мельчайшие детали(например Pixel Art).

Преобразовать в sRGB(Convert to sRGB)

Преобразование цветов изображения к соответствующей таблице sRGB.

sRGB является стандартом для интернета

Разрешение(Image Size)

Самым распространенным разрешением экрана является: 1366×768 — для компьютера и 720×1280 — для смартфона. Имейте это ввиду и не сохраняйте изображения больше, чем 1920 по ширине.

Метаданные(Metadata)

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

Когда вы последний раз смотрели подробную информацию скачанного изображения?

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

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

Спасибо, Владислав.

Подготовке любого цифрового изображения, читаемого графическим редактором Adobe Photoshop, будь то PSD-файла, TIF-изображения или «большой» JPEG-картинки, к публикации на сайте, в форуме или социальных сетях, а также к пересылке по электронной почте. Другими словами, «джейпег» для Интернет. В рифму получилось.

Безусловно, форматы изображений, которые умеет читать Photoshop, едва ли исчерпываются названными тремя. И что приятно, большинство можно перевести в JPEG. Вне зависимости от исходного формата в Photoshop существуют два пути «джейпегизации». Возможность выбирать приятна вдвойне. Оба пути различаются. Внешние отличия обнаруживаются невооружённым взглядом, отличия в назначении («Каким путём следовать?») я выделю специально.

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

Для закрепления и расширения полученных знаний, а также в целях выработки навыка, я подготовил соответствующие упражнения. Предлагаю Вам их выполнить, а затем опубликовать свои результаты в комментариях к настоящему уроку. Опробуйте в «полевых условиях» свой навык!

Первый способ

1 шаг

Открываю исходное изображение в Photoshop. В моём случае это файл с названием «Пример.psd», содержащий нарисованный шар.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» («File») > «Сохранить Как…» («Save As…»). Появляется диалоговое окно с заголовком «Сохранить как».

2 шаг

Выбираю месторасположение будущего JPEG-изображения. В поле «Имя файла» ввожу новое название картинки, если необходимо. В ниспадающем списке «Тип файла» выбираю формат «JPEG (*.JPG, *.JPEG, *.JPE)».

Параметры ниже оставляю без изменений, удостоверившись, что в качестве цветового профиля, встраиваемого в будущее JPEG-изображение, указан и выбран «стандартный» sRGB. Если это так, то перехожу к 4-ому шагу.

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

3 шаг

Нажимаю на клавиатуре клавишу «Esc», чтобы закрыть окно «Сохранить как».

Выбираю в главном меню «Изображение» («Image») > «Режим» («Mode»). Если «галочка» установлена напротив «8 бит\канал» («8Bits\Channel»), то выбираю «16 бит\канал» («16bits\Channel»). Увеличение глубины цвета желательно, чтобы конвертация из одного цветового профиля в другой прошла аккуратно. Визуально на исходном и итоговом изображениях изменение глубины цвета едва ли отразится.

Затем выбираю в главном меню «Редактировать» («Edit») > «Преобразовать в профиль» («Convert to Profile»). Появляется диалоговое окно с заголовком «Преобразовать в профиль».

В моём случае исходный цветовой профиль («Source Space»), который описывает цвета в рисунке, называется «Adobe RGB (1998)». Выбираю в ниспадающем списке «Целевой профиль» («Destination Space») значение «sRGB IEC61966-2.1». Проверяю параметры преобразования — они располагаются ниже: параметр «Инструмент» («Engine») имеет значение «Adobe (ACE)», «Метод (рендеринга)» («Intent») — «Относительный колориметрический» («Relative Colorimetric»), установлена «галочка» напротив параметра «Использовать компенсацию точки чёрного» («Use Black Point Compensation»), «галочка» отсутствует напротив параметра «Свести изображение, чтобы сохранить вид» («Flatten Image to Preserve Appearance»).

Если Вы увеличили глубину цвета (я проделал это чуть раньше), то параметр «Использовать дизеринг» («Use Dither») будет неактивным. Если в открытом изображении всего один слой (когда Вы открываете JPEG-картинки или «простые» TIF-изображения, обычно, так и есть), то параметр «Свести изображение, чтобы сохранить вид», также, неактивен.

Нажимаю кнопку «Готово» («OK»). Окно «Преобразовать в профиль» исчезает.

4 шаг

В главном окне программы появляется новое диалоговое окно с заголовком «Параметры JPEG» («JPEG Options»). Параметр «Качество» («Quality») позволяет задавать соотношение качества выходного изображения и объёма, который картинка будет занимать в памяти компьютера. Таким образом, оплатой за уменьшение объёма является деградация качества исходного изображения. Чем меньше значение параметра «Качество», тем меньше объём JPEG-изображения.

В рассматриваемом примере я остановлюсь на значении равном 6.

Чтобы оценить качество картинки до сохранения, установлю рядом с параметром «Предпросмотр» («Preview») «галочку».

5 шаг

Установлю значение второго параметра — «Форматирование» («Format Options») — равным «Стандартное оптимизированное» («Baseline Optimized»). Объём будущей JPEG-картинки уменьшился, а качество изображения осталось прежним.

6 шаг

Нажимаю в окне «Параметры JPEG» («JPEG Options») кнопку «Готово» («OK») и проверяю результат.

Сравниваю объёмы исходного PSD-рисунка (~ 3000 Kb) и итоговой JPEG-картинки (82 Kb). Таким образом, JPEG-файл получился примерно в 36 раз меньше исходного изображения при визуально равном качестве. Удобно!

Обращаю внимание, что размер итогового JPEG-изображения остался прежним, как у исходного PSD-рисунка он равен 2480 пикселей × 2480 пикселей.

Второй способ

1 шаг

Открываю исходное изображение в Photoshop.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Alt», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» > «Сохранить для Веб…» («Save for Web…»).

Появится новое диалоговое окно с одноимённым заголовком.

2 шаг

3 шаг

Устанавливаю значение параметра «Качество» («Quality») на максимум.

4 шаг

Уменьшаю размер изображения с помощью параметра «Размер изображения» («Image Size»).

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

В данном примере ввожу в поле «Ширина» («Width») значение 600. Автоматически изменится значение в поле «Высота» («Height»). Также, автоматически изменится размер выходного изображения относительно размера исходного рисунка, указанный в поле «Процент» («Percent»). Изменения происходят автоматически и поле «Процент» находится в активном состоянии, если поля-параметры «Ширина» и «Высота» связаны, о чём свидетельствует соответствующий значок, расположенный справа от названных полей.

В окошке предпросмотра слева оценю размер и качество изображения. А примерный объём последнего смогу узнать по числу, указанному, обычно, в килобайтах (Kb) или мегабайтах (Mb) под левым углом окошка.

5 шаг

Устанавливаю «галочку» рядом с параметром «Оптимизированный» («Optimized»).

6 шаг

Если хочу ещё сократить объём выходного изображения, то уменьшаю значение параметра «Качество» («Quality»). Рекомендую придерживаться значений в пределах 45-90.

В данном случае я выберу значение равное 75.

В итоге, среднестатистическое, при скорости доступа в Интернет равной одному мегабиту (1 Mbits), время загрузки моего рисунка из Интернет составит одну секунду. Оно указывается под значением объёма будущего JPEG-изображения.

При этом, визуально картинка получилась вполне приемлемого качества, переходы тонов достаточно плавные.

7 шаг

Устанавливаю «галочку» рядом с параметром «Преобразовать в sRGB» («Convert to sRGB») и выбираю значение «Цвета, отображаемые монитором» («Monitor Color») в ниспадающем списке ниже.

8 шаг

Наконец, устанавливаю «галочку» рядом с параметром «Встроенный цветовой профиль» («Embed Color Profile»).

Действия на 7-ом и 8-ом шагах желательны, чтобы будущее JPEG-изображение примерно одинаково отображалось на различных устройствах.

9 шаг

В появившемся диалоговом окне с заголовком «Сохранить оптимизированное изображение как» («Save Optimized As») выбираю месторасположение JPEG-картинки и задаю её имя, если необходимо. Нажимаю в активном окне кнопку «Сохранить». Оба окна исчезают. Теперь могу оценить результат.

Закрываю исходное изображение. В появившемся диалогом окошке с предложением сохранить изменения, выбираю «Нет» («No»).

Изображение, полученное вторым способом, удобно применять для публикации в Интернет. А изображение, полученное первым способом, можно помимо публикации в Интернет выводить на печать. В виду того, что размер изображения не изменялся, оно не подвергалось интерполяции, а значит его качество априори выше качества изображения, полученного вторым способом.

Подробнее об интерполяции и её влиянии на деградацию качества цифрового изображения я расскажу в уроке «Что такое интерполяция?»

​

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

Сохраненную на компьютере, и научиться последнему штриху — как сохранить картинку (изображение, фотографию) в фотошопе .

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

Файл — Сохранить (Ctrl+S)

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

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

Файл — Сохранить как… (Shift+Ctrl+S)

Данная команда является основной и наделена множеством «сложностей».

Выбрав эту команду, вам нужно указать фотошопу куда, с каким именем и в каком формате желаете сохранить свою фотографию. Для этого появится диалоговое окно:

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

Но это еще не все. Фотошоп покажет еще одно окно — Параметры . Содержимое данного окна будет напрямую зависеть от выбранного вами формата файла.

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

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

Также вам предлагается три разновидности формата:

• Базовый («стандартный») — это отображение изображений на экране построчно. То есть самый обыкновенный способ отображения содержимого JPG-файла.
• Базовый оптимизированный — это изображение с оптимизированной кодировкой Huffman.
• Прогрессивный — это формат, обеспечивающий показ с постепенным улучшением качества изображений по мере их загрузки.

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

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

Третий способ сохранения в фотошопе

Нажмите на крестик этого изображения (красная стрелочка), если хотите закрыть изображение, но остаться в фотошопе, либо на крестик самого фотошопа (синяя стрелочка), если хотите совсем закончить свою работу.. Спасибо!

Сегодня мы поговорим о том, как правильно сохранить и оптимизировать картинку в фотошопе и в каком формате это лучше сделать. А ведь правильный выбор формата сохранения очень сильно влияет на качество и внешний вид картинки, а также на вес картинки в килобайтах. Это особенно важно для тех, кто учитывает расход трафика. Итак, давайте разберемся по порядку с jpg, gif и png.

1. В каких форматах сохранять картинки
После того, как вы открыли в фотошопе любимую фотографию и каким-то образом поколдовали над ней или, вообще, создали с нуля коллаж собственного производства, вам предстоит сохранить этот файл у себя на компьютере. Для сохранения файла существуют три самых распространенных формата.

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

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

Формат png. Похож на предыдущий формат, но более продвинут и эффективнее сжимает картинки. В png очень удобно сохранять клипарты на прозрачном фоне. Существует в двух форматах png-8 (для простых картинок, поддерживает 256 цветов) и png-24 (для более сложных изображений, хорошо поддерживает цвета).

2. Сохраняем с помощью функции «Сохранить как…» (Save as…)
Можно сохранить картинку используя старый добрый способ через меню «Файл» -> «Сохранить как…» (Save as…) или комбинация клавиш «Shift+Ctrl+S». В выпадающем меню выбирается формат файла, в котором хотим сохранить файл. (Смотрим рисунок ниже) Этот способ используется когда сохраняемая картинка останется на вашем компьютере и не предназначается для публикации в интернете.

3. Сохраняем с помощью функции «Сохранить для Web» (Save for Web…)
Если же ваша картинка предназначена для того, чтобы быть вывешенной в интернете, то лучше воспользоваться функцией «Сохранить для Web» (Save for Web…). При таком способе картинка лучше и качественнее сохраняется именно для интернета и плюс там есть несколько удобных возможностей. Выбираем в меню «Файл» -> «Сохранить для Web…» (Save for Web…) или комбинация клавиш «Alt+Shift+Ctrl+S». Откроется диалоговое окно.

Для того, чтобы сохранить картинку в формате jpg в выпадающем меню (1) выбираем формат JPEG. Ставим качество сохранения (2) от 75% до 95%. Я всегда ставлю 75%. Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

Для того, чтобы сохранить картинку в формате gif в выпадающем меню (1) выбираем формат GIF. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

Для того, чтобы сохранить картинку в формате png в выпадающем меню (1) выбираем формат PNG-8. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). Ставим галочку в чекбоксе «Прозрачность» (6) для того, чтобы фон был прозрачным. После этого нажимаем «Сохранить».

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

Как вырезать в фотошопе? Убираем задний фон на фотографии

Зип Файл, друзья. В прошлом месяце, в рамках рубрики «Графический дизайн», я выпустил материал про создание открытки к Международному женскому дню. Как и следовало ожидать, наибольшую популярность ролик стал набирать в преддверии 8 марта. В связи с чем, от зрителей, стали поступать вопросы, и самый распространённый из них звучит следующим образом: «Как можно получить PNG картинку с человеком без фона?» или, говоря простыми словами, «Как вырезать изображение с фотографии, дабы впоследствии разместить его на внутренней части открытки?».

Признаться, создавая тот урок, я как-то не подумал о тех, кто попросту не умеет убирать фон в фотошопе. А зря. Ведь этот полезнейший навык, увы не может присутствовать у каждого встречного по умолчанию. Изначально нужно где-то этому научиться. Так почему бы не сесть, и не сделать для моих подписчиков, краткий обзор с базовыми инструментами для вырезания в Adobe Photoshop? Это ведь великое дело. Данное умение можно с успехом применить не только при разработке праздничных открыток, но и задействовать при создании красочных презентаций или даже видеороликов.

Как обычно, не будем долго запрягать, а сразу приступим к практическим действиям. Для работы нам в первую очередь понадобится растровый графический редактор Adobe Photoshop. Актуальную версию данной программы можно без проблем скачать на официальном сайте. Там есть и пробная версия, и подписка на приложение в течении определённого периода, и даже специальное пакетное предложение со скидкой. Если же, вы не хотите тратить денежку на софт, то воспользуйтесь услугами торрент-трекеров. Либо можете качнуть старинную версию CS2. Она уже давно распространяется на бесплатной основе. Функций в ней, конечно, поменьше, нежели в CC версиях последних лет. Однако для наших целей вполне сгодится. Инсталяшка есть, как для пользователей Винды, так и для маководов.

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

Шаг 1. Что ж, запускаем Adobe Photoshop. На момент создания данного урока, последняя версия CC 2018. В ней мы и будем работать.

Шаг 2. Переносим заранее подготовленную картинку с объектом на фоне в главное окно программы. В появившемся окне настроек цветового профиля отказываемся от управления цветом и жмём «ОК».

Шаг 3. Снимаем блокировку с основного, и в нашем случае единственного слоя кликнув по замочку слева правой кнопкой. Если не убрать данный замочек, то любое дальнейшее редактирование изображения будет невозможно. Бывает так, что на вашем компьютере не отображается панель слоёв. Не беда. Вы всегда можете включить её в меню «Окно», пункт «Слои».

Инструмент «Прямолинейное лассо»

Шаг 4. Рассмотрим самые распространённые инструменты для вырезания по порядку. Первый, он же мой самый любимый инструмент – «Прямолинейное лассо». С его помощью можно вручную выделить часть изображения. При этом, качество выделения, зависит исключительно от вашей кропотливости, усидчивости и терпения. Чем меньше шаги между точками, тем точнее будет вырезан объект. В теории звучит, наверное, не очень понятно. Давайте-ка лучше попробуем применить лассо на практике, и вы сразу же поймёте о чём речь.

Шаг 5. Ставим у основания фотографии первую точку. Затем чуть выше вторую. Таким образом обводим целый участок с фоном за моделью до уровня шеи.

Шаг 6. По завершению работ, нам необходимо замкнуть получившийся контур. Сделать это можно двумя способами. Первый – кликнуть в самую первую точку, с которой мы начинали долгий путь выделения. А второй – нажать на клавиатуре «ENTER» и произвести операцию замыкания между начальной и конечной точкой автоматически. Оба варианты имеют право на жизнь. Как только выделение оформилось в виде области с дрожащим контуром по краям, удаляем внутреннее содержимое нажав «DELETE».

Шаг 7. Остаётся только отменить выделение. В верхнем меню жмякаем «Выделение» — «Отменить выделение». Да здравствует капитан Очевидность.

Плюсы и минусы прямолинейного лассо

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

А вот, чего у вышеперечисленных инструментов нет, так это ощущения некоего постоянного контроля над ситуацией. Лассо же, в отличие от автоматизированных средств, позволяет контролировать каждый шаг. Тем самым нивелируя фактор случайности. По опыту скажу, что все дизайнеры «старой школы», наиболее сложные изображения, вырезают исключительно посредством прямолинейного лассо в связке с ластиком. Да, пусть это наиболее затратный по времени способ, зато результат практически всегда качественный и не оставляет места для мелких косяков.

Инструмент «Магнитное лассо»

Шаг 8. Следующий инструмент для удаления лишнего фона, который мы рассмотрим в нашем уроке это «Магнитное лассо». В отличие от прямолинейного собрата, «магнитка» представляет собой полуавтоматическое средство для выделения.

Шаг 9. Линия, которую вы проводите, как бы прилипает к конечным точкам изображения. При желании вы можете уточнять точки вручную, либо откатываться на шаг назад, удаляя последнюю точку нажатием клавиши «BACKSPACE». После того, как нужный нам участок изображения выделен, замыкаем начальную и конечную точку кликнув «ENTER».

Шаг 10. Жмякаем «DELETE», а затем отменяем выделение перейдя в одноимённое меню.

Плюсы и минусы магнитного лассо

Касательно минусов «Магнитного лассо» можно отметить, что при его использовании могут возникать так называемые «слепые зоны». Т.е. участки, которые не были автоматически отделены программой от фона, а значит не были захвачены в процессе выделения. Именно поэтому данный инструмент не рекомендуется применять на участках изображения с неоднородным фоном. При желании, можно поиграться с растушёвкой «магнитки». Иногда это позволяет улучшить конечный результат выделения. В целом же, инструмент мало чем отличается от рассмотренного ранее. Разве что слегка ускоряет процесс за счёт автоматического «прилипания».

Инструмент «Быстрое выделение»

Шаг 11. Перейдём к обзору второй группы инструментов. С помощью «Быстрого выделения» вы можете с успехом выделять объекты, расположенные на однородном фоне.

Шаг 12. На верхней панели, можно вручную задать размер кисти и изменить «жёсткость» её применения.

class=»eliadunit»>

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

Шаг 14. Далее, как обычно «DELETE», и не забываем, отменить выделение через меню.

Плюсы и минусы быстрого выделения

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

Инструмент «Волшебная палочка»

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

Шаг 16. Однако, при этом, позволяет настроить уровень «Допуска», отвечающий за максимально допустимое отклонение от образцового оттенка. Проще говоря, он анализирует первоначальное выделение и исходя из его цвета выделяет рядом прилегающие участки. Чем выше допуск, тем менее прихотлив данный инструмент к оттенку. Так, например, если вы выделили часть фона белого цвета и установили уровень допуска 70, то волшебная палочка попутно захватит все светлые оттенки серого. Очень удобно. На практике, лично я, юзаю «Волшебную палочку», гораздо чаще, «быстрого выделения».

Шаг 17. Удаляем последний заполненный участок фона на фотографии и не забываем снять выделение.

Плюсы и минусы волшебной палочки

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

Инструмент «Ластик»

Шаг 18. Кстати о ластике. Именно он является наиболее распространённым инструментом для удаления фона у обывателей, и фаворитом среди дизайнерской братии на этапе финальной обработки вырезанного изображения. Давайте рассмотрим его поближе.

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

Шаг 20. После того, как задний фон будет полностью удалён, а все неровные края вокруг изображения сглажены, хорошим тоном будет подрезать картинку по размеру изображения. Для этого выбираем на панели инструментов «Рамку» и выделяем нашу модель с учётом крайних точек фотографии. Отлично. Жмём «ENTER».

Сохранение проекта и вывод в PNG

Шаг 21. Осталось сохранить нашу работу. Сейвить всю эту историю мы будем в двух форматах. Первый – PSD, он же родной формат фотошопа. Сохранять в нём необходимо для того, чтобы в будущем была возможность доработать исходник. Например, вы заметили, как криво подрезали один из цветков и хотите поправить ситуацию. Кликаем в меню «Файл» — «Сохранить как…».

Шаг 22. Присваиваем проекту понятное имя. Допустим, «Модель проект». Место сохранения – рабочий стол. Формат выбираем «Photoshop». Галочку на слоях оставляем. Окей. Жмём «Сохранить».

Шаг 23. С проектом разобрались. Теперь нужно вывести картинку формата PNG. Данный формат позволяет сохранять изображения без фона. К тому же он имеет неплохое сжатие, так что итоговая PNGшка не займёт много места на жёстком диске. Идём по привычному пути «Файл» — «Сохранить как…».

Шаг 24. Название, пусть будет, «Модель без фона». Рабочий стол. Формат – PNG. Супер. Сохраняемся.

Шаг 25. В появившемся окне указываем самый медленный вариант сохранения. Картинка сохранится без потери качества. Жмём «Ок».

Шаг 26. Сворачиваем Фотошоп и проверяем результат открыв соответствующие изображения на рабочем столе. По-моему, получилось недурно.

Друзья, на этом наш урок подошёл к концу. В дальнейшем, вы без труда сможете использовать данную PNGшку без фона в других дизайнерских проектах. Будь то открытка, поздравительный адрес или какая-нибудь карточка пропуска на работу. Вариантов масса. Рекомендую закрепить навык вырезания в фотошопе на собственной фотографии, и применить её уже непосредственно в рамках создания целевого графического продукта. А я с вами прощаюсь. С вами был Денис Курец. Еженедельный выпуск блога Kurets.Ru. Ребятушки, я желаю вам удачи, успеха и отличного настроения на грядущие праздники. До новых встреч.

class=»eliadunit»>

Полезные материалы:

Как конвертировать JPG в PNG

Что нужно знать

• В Windows откройте JPG в Microsoft Paint и щелкните Файл > Сохранить как > PNG > Сохранить .
• В Photoshop (Windows или Mac) перейдите к Файл > Сохранить как > Сохранить как тип > PNG > Сохранить . Или Файл > Экспорт > Экспорт как > PNG > Экспорт .
• В предварительном просмотре на Mac выберите Файл > Экспорт > Экспорт как > Формат > PNG > Сохранить .

В этой статье рассказывается, как преобразовать JPG в PNG с помощью Microsoft Paint, Photoshop и предварительного просмотра (macOS). Также обсуждаются альтернативы, включая GIMP и инструменты онлайн-конвертации.

Самый простой способ конвертировать JPG в PNG на компьютере под управлением Windows

Если вы используете компьютер с Windows, у вас уже есть встроенный инструмент для преобразования файлов JPG в PNG.Microsoft Paint предустановлен на компьютерах Windows, и с его помощью вы можете быстро преобразовать файл из JPG в PNG.

1. Откройте файл, который вы хотите преобразовать из JPG в PNG в MS Paint, а затем выберите файл .

2. В появившемся меню наведите курсор на параметр Сохранить как , а затем выберите PNG во всплывающем меню.

3. В диалоговом окне Сохранить как выберите место для сохранения файла и введите имя файла, а затем нажмите Сохранить .Затем вы увидите, как MS Paint конвертирует файл.

Как конвертировать JPG в PNG в Adobe Photoshop CC

Если вы не хотите использовать MS Paint на компьютере с Windows или если у вас Mac и у вас есть Photoshop, это тоже поможет конвертировать JPG в PNG. Есть несколько способов конвертировать файлы JPG в PNG в Photoshop.

Преобразование файла в Photoshop с помощью меню «Сохранить как»

Меню «Сохранить как» — это самый простой способ сохранить файл в Photoshop в формате, отличном от исходного.

1. Откройте ваш файл в Photoshop и выберите File .

2. В появившемся всплывающем меню выберите Сохранить как .

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

4. В появившемся списке доступных типов файлов найдите и выберите PNG (*.PNG, *. PNG) .

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

5. Нажмите Сохранить , и ваш файл будет сохранен в новом формате.

Преобразование JPG в PNG в Photoshop с помощью параметров экспорта

Вы также можете конвертировать файлы JPG в PNG во время процесса экспорта в Photoshop.Для этого выберите File > Export > Export As, и в появившемся диалоговом окне выберите PNG в раскрывающемся меню Format . После того, как вы сделали свой выбор, нажмите Экспорт .

Как конвертировать JPG в PNG на компьютере Mac

Как и Windows, Mac имеет встроенный инструмент преобразования изображений как часть программы предварительного просмотра. Это означает, что преобразовать JPG в PNG просто за несколько кликов.

1. Откройте ваше изображение в Preview и затем выберите File .

   Preview — это программа просмотра изображений по умолчанию на Mac, но если вы изменили программу просмотра по умолчанию, вы всегда можете открыть файл в Preview, щелкнув файл правой кнопкой мыши и выбрав Open With > Preview .

2. В появившемся меню выберите Экспорт .

3. В диалоговом окне Export As добавьте имя для своего изображения, выберите, где его сохранить, а затем щелкните меню Format и выберите PNG .

4. Когда вы закончите делать свой выбор, нажмите Сохранить , и файл будет сохранен как PNG.

Как создать PNG с помощью другого программного обеспечения для редактирования изображений

Доступно множество других бесплатных приложений для редактирования изображений, которые также конвертируют файлы JPG в PNG, если они вам нужны. Например, вы можете использовать GIMP для преобразования изображения почти так же, как вы использовали бы опцию Export As в Photoshop.Вы выберете Export As , убедитесь, что выбран правильный тип файла (в данном случае PNG), а затем нажмите Save.

То же верно и для многих других программ. В большинстве случаев у вас есть опция Export As или Save As , которая позволит вам изменить тип файла изображения, которое вы сохраняете.

Использование онлайн-конвертеров JPG в PNG

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

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

JPG против файлов изображений PNG

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

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Трудно понять

Нужно переключить PNG на JPG? Как конвертировать изображения и веб-файлы

Форматы файлов изображений многочисленны, от PNG и JPEG до ужасного WebP.Но что происходит, когда вы хотите преобразовать что-то из одного типа файла в другой? Когда-то процесс преобразования был трудным, но теперь в Windows, macOS и даже в ваш веб-браузер есть встроенные функции, позволяющие сделать это. Не говоря уже о множестве (многих) онлайн-инструментов. Вот все, что вам нужно знать, чтобы легко преобразовывать эти типы файлов.

---

Изменить расширение файла

Чтобы легко преобразовать JPEG (или JPG) в PNG, PNG в JPEG или формат веб-файлов Google WebP в JPEG или PNG в Windows, откройте проводник и убедитесь, что установлен флажок рядом с Имя файла extension отмечен в разделе «Просмотр».Щелкните файл, который хотите преобразовать, удалите расширение и добавьте желаемое расширение.

Пользователи Mac уже давно умеют это делать. Щелкните изображение правой кнопкой мыши и выберите во всплывающем меню «Получить информацию». В разделе «Имя и расширение» удалите расширение и добавьте собственное, затем нажмите Enter. Вы должны заметить, что ваш компьютер теперь обращается к файлу в новом формате.

---

Преобразовать в Microsoft Paint

Пользователи

Windows могут также использовать Microsoft Paint в качестве простого конвертера файлов, открыв изображение (включая формат WebP), а затем сохранив его как файл другого типа.Перейдите в Файл> Сохранить как и откройте раскрывающееся меню Сохранить как тип . Затем вы можете выбрать JPEG и PNG, а также TIFF, GIF, HEIC и несколько форматов растровых изображений. Сохраните файл на свой компьютер, и он будет преобразован.

---

Использовать веб-браузер

Результаты могут отличаться с этой подсказкой; одни сайты поддерживают это, другие нет. Но если вы планируете загрузить и затем преобразовать изображение из Интернета, попробуйте изменить формат в своем браузере. В Chrome или Edge щелкните правой кнопкой мыши изображение, которое хотите загрузить, и выберите Открыть изображение в новой вкладке (Просмотреть изображение в Firefox).Вы увидите, что URL-адрес изображения содержит расширение файла или заканчивается им. Если у вас есть .jpg или .webp (-rw для изображений в Google Play), замените его на .png, чтобы преобразовать изображение в файл PNG при загрузке. В Chrome, Edge и Safari вы можете конвертировать в PNG только на поддерживаемых сайтах. Firefox преобразует только в .jpg.

---

Попробуйте расширение Chrome

Другой вариант — расширение Chrome. Convertio и File Converter поддерживают множество различных расширений файлов и носителей, но я бы порекомендовал сохранить изображение как тип для его простоты, если вы работаете только с файлами JPG, PNG и WebP.

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

---

Онлайн-преобразователи

В наши дни онлайн-конвертеров больше, чем можно сосчитать, но если вы ищете надежное имя, у Adobe есть свое. Вы можете перейти по этим ссылкам, чтобы конвертировать JPG в PNG или PNG в JPG.Другие сервисы, такие как CloudConvert, Convertio и Online-Convert.com, позволяют выбирать среди десятков расширений файлов, загружать сразу несколько файлов и конвертировать файлы с помощью прямой загрузки, Google Drive, Dropbox и URL.

Если вы ищете профессиональные услуги, изучите их политику сбора и хранения данных. И CloudConvert, и Convertio собирают незначительный объем данных, удаляют ваши загрузки в течение 24 часов и не имеют доступа к вашим документам. У них также есть серверная инфраструктура, расположенная в Германии, что делает их соответствующими правилам GDPR.

---

Нравится то, что вы читаете?

Подпишитесь на информационный бюллетень Tips & Tricks , чтобы получать советы экспертов, чтобы максимально эффективно использовать свои технологии.

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

Оптимизация изображений для Интернета | Уроки Adobe Photoshop

---

версия для печати

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

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

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

Форматы изображений

Доступно множество форматов изображений, но только некоторые из них работают в Интернете.Они отличаются некоторыми важными свойствами.

Существует два типа сжатия изображений: с потерями и без потерь .

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

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

JPEG

JPEG — это формат с расширением .jpg . Этот тип изображения с потерями, и вы может контролировать уровень сжатия в редакторах изображений.

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

Это пример изображения в формате JPEG:

GIF

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

GIF может содержать более одного кадра, поэтому его можно анимировать.

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

Это пример изображения в формате GIF:

PNG

Этот формат был создан, чтобы стать новым и улучшенным GIF, потому что GIF был запатентовано.PNG — это формат без потерь.

Существует два типа PNG: 8-битный и 24-битный. 8-битный может хранить до 256 цветов, как GIF. 24-битный может хранить миллионы цветов, а также имеет частичную прозрачность.

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

Это пример 8-битного изображения PNG:

Это пример 24-битного изображения PNG с прозрачным фоном:

Сохранение изображений для Интернета

Параметр экспорта изображений для Интернета находится в разделе Файл> Сохранить для Интернета… — другая графика в редакторах должно быть что-то подобное, вероятно, в разделе Файл> Экспорт .

Сохранение изображений с множеством цветов

Исходное изображение сохранено с качеством 100% [171KB]

1. Выберите Файл> Сохранить для Интернета …
2. Так как это фотография, выберите JPEG.
3. Вы можете выбрать опцию Progressive , если хотите, разница только в том, как будет выглядеть загрузка нравиться. Прогрессивные изображения сначала кажутся размытыми, а затем становятся более четкими по мере загрузки изображения.Непрогрессивный изображения загружаются построчно.
4. Сначала выберите уровень качества, Высокое , если изображение будет видимым, Среднее или Низкое , если оно имелось в виду в качестве фона.
5. Чтобы лучше контролировать качество, используйте ползунок или введите число в поле Качество
6. Посмотрите на размер файла и расчетное время загрузки, отображаемые в нижнем левом углу при настройке параметров. В то же время посмотрите на изображение, чтобы решить, какое качество выглядит достаточно хорошо.
   • Если это фон, убедитесь, что размер файла меньше 5 КБ, лучше до 2 КБ.
   • Если изображение является заголовком макета, допускается размер до 40 КБ.
   • Если это изображение, которое будет отображаться на странице, разумным будет до 70 КБ, в зависимости от размеров.
   • Картины и фотографии для вашего портфолио могут быть сохранены в более высоком качестве, поскольку люди, которые будут их смотреть, уже ожидают увидеть большие изображения. В этом случае размер файла может быть от 100 до 200 КБ, но не более.
7. Когда вы найдете идеальный баланс между качеством и сжатием, нажмите кнопку Сохранить

Изображение сохранено с качеством 60% [42KB]

Изображение выше загрузится примерно за 8 секунд при соединении со скоростью 56 кбит / с. Качество не самое лучшее, в некоторых областях выглядят размытыми, но все же достаточно для веб-целей, и мы использовали на 75% меньше памяти, чем раньше. Вот как изображения с большим количеством цветов должны быть сохранены.

Сохранение однотонных изображений и диаграмм

Исходное изображение сохранено в формате JPEG со 100% качеством [177KB]

1. Выберите Файл> Сохранить для Интернета…
2. Так как в нем меньше цветов, выберите GIF.
3. Если изображение содержит пустые (прозрачные) пиксели, убедитесь, что установлен флажок Прозрачность .
4. Выберите количество цветов — постарайтесь, чтобы число было как можно меньше, при этом изображение выглядит достойно.
5. Если изображение не в главном фокусе (например, фон), попробуйте добавить немного потери , перетащив ползунок Направо. Это уменьшит размер файла.
6. Как только вы найдете идеальный баланс между качеством и размером, нажмите кнопку Сохранить

Изображение сохранено в формате GIF, 8 цветов, 50% с потерями [25KB]

Приведенное выше изображение загрузится примерно за 5 секунд при соединении со скоростью 56 кбит / с.Если вы присмотритесь, вы заметите некоторые отличий, но изображение по-прежнему выглядит достаточно хорошо, чтобы служить фоном — что более важно, это только 15% от исходного размера файла!

Сравнение форматов

Чтобы дать более четкое представление о различных форматах и ​​сжатиях, вот таблица:

Понравился этот урок? Прочтите больше уроков по Photoshop!

---

Поделитесь этим уроком со своими друзьями!

---

JPG vs.PNG: что мне использовать?

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

Квалификационные вопросы

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

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

Во-вторых, как вы планируете использовать это изображение? Будет ли оно опубликовано на сайте компании? Или это будет для вашего личного использования?

Ответы на эти вопросы помогут вам выбрать оптимальный тип файла.

Что такое JPG?

Тип файла изображения JPG, обычно произносимый как j ay-peg, , был разработан Joint Photographic Experts Group (JPEG) в 1992 году. Группа осознала необходимость уменьшать большие файлы фотографий, чтобы они могли быть больше легко делится.

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

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

Что такое PNG?

Формат файла PNG, обычно читаемый вслух как ping, был создан в середине 1990-х годов для замены формата обмена графическими данными (GIF). Ограничения GIF привели к созданию и распространению PNG.

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

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

Итак, JPG или PNG?

Нет правильного или неправильного ответа! Думайте о своем выборе как о процессе оптимизации и позвольте факторам, которые мы рассмотрели, направить вас в вашем решении.

Если вам все еще интересно, вы можете узнать больше о форматах файлов изображений в этом сообщении блога «Общие сведения о форматах файлов изображений».

Создавали или редактировали изображения или картинки раньше? Snagit — отличный инструмент для редактирования изображений, который можно использовать для преобразования изображений из JPG в PNG.Попробуйте бесплатно — загрузите пробную версию сегодня.

Как сохранить изображение из буфера обмена как файл JPG или PNG

Есть много способов сохранить изображения из буфера обмена как файлы JPG и PNG. В этой статье мы рассмотрим самые простые и простые методы. Для этой задачи не нужно запускать чудовищную программу, такую ​​как Photoshop или Illustrator. Мы покажем вам, как это сделать, пользуетесь ли вы Windows, Mac или Linux.

Windows

Пользователи Windows имеют в своем распоряжении несколько встроенных инструментов.Для этой статьи выбраны два приложения: Snipping Tool и Paint 3D.

Snipping Tool

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

Вот как сохранить изображение из буфера обмена с помощью Snipping Tool. Имейте в виду, что эти шаги применимы к компьютерам под управлением Windows 10.

1. Щелкните значок меню «Пуск» или нажмите клавишу Win.
   
2. Нажмите клавишу S на клавиатуре.
   
3. Windows отобразит все совпадения для буквы S. Щелкните Snipping Tool. Если его нет в списке, перейдите на вкладку «Приложения» и найдите приложение. Нажмите здесь.
   
4. Затем перейдите к изображению, которое вы хотите сохранить в формате JPG или PNG. Имейте в виду, что вы можете делать снимки всего, что появляется на вашем мониторе.
   
5. Найдя изображение, нажмите кнопку «Создать» в приложении Snipping Tool.Если это изображение, хранящееся на вашем компьютере, сначала откройте его в Фото.
   
6. Экран немного тускнеет. Щелкните в том месте, где должен находиться левый верхний угол будущего изображения.
   
7. Удерживая кнопку мыши нажатой, перетащите красный прямоугольник, пока не получите желаемое.
8. Щелкните значок Сохранить (дискета).
   
9. Выберите расположение и тип файла.
   
10. Нажмите «Сохранить».
    

Paint 3D

Пользователи Windows, которые не хотят использовать приложение Snipping Tool, всегда могут использовать Paint 3D для этой задачи.

Вот как это сделать:

1. Найдите изображение, которое хотите сохранить, щелкните его правой кнопкой мыши и выберите «Копировать». Кроме того, вы можете нажать клавишу Print Screen на клавиатуре, если хотите получить изображение из Интернета.
   
2. Нажмите клавишу Win на клавиатуре.
   
3. Нажмите клавишу P.
   
4. Выберите Paint 3D из списка. Если вы его не видите, перейдите на вкладку «Приложения», найдите Paint 3D и нажмите на него.
   
5. После запуска приложения щелкните значок «Новый файл».
   
6. Paint 3D создаст пустой файл с настройками по умолчанию. Одновременно нажмите клавиши Ctrl и V.
   
7. Paint вставит ваше изображение в файл. Нажмите клавишу ESC, чтобы отменить выбор изображения.
   
8. Если изображение не умещается на холсте, выберите параметр «Обрезать».
   
9. Выберите часть файла, которую вы хотите сохранить.
   
10. Щелкните значок меню в верхнем левом углу.
    
11. Выберите параметр «Сохранить как» в меню слева.
    
12. Щелкните кнопку Изображение.
    
13. Выберите место для нового изображения.
    
14. Выберите предпочтительный формат.
    
15. Нажмите «Сохранить».
    

Mac

В этой части статьи объясняется, как сохранить изображение из буфера обмена в формате JPG или PNG на Mac. Ваш Mac позволяет сохранять изображения из буфера обмена разными способами, но мы остановимся на самом простом — через приложение предварительного просмотра. Имейте в виду, что это руководство охватывает только Mac OS X и что процесс может немного отличаться в других версиях.

Выполните следующие действия:

1. Соберите изображение, которое вы хотите преобразовать. Если вы хотите скопировать изображение в Интернете, вы можете щелкнуть правой кнопкой мыши + скопировать или сделать снимок экрана. Вы можете сделать это, нажав сочетание клавиш Shift + Command + 4.
2. Запустите приложение Preview на вашем Mac.
   
3. Щелкните вкладку «Файл» в меню приложения «Предварительный просмотр».
   
4. Щелкните «Экспорт».
   
5. Измените тип файла.
   
6. Сохраните изображение.

Linux

Среди основных операционных систем пользователям Linux, вероятно, наиболее комфортно использовать Терминал для работы.Если на вашем Linux не установлен редактор изображений, вы можете использовать команду xclip, чтобы сохранить файл изображения из буфера обмена в формате PNG или JPG.

Вот как это работает:

1. Найдите изображение, которое вы хотите сохранить в формате JPG или PNG, и щелкните его правой кнопкой мыши.
2. Выберите опцию «Копировать изображение». Имейте в виду, что это работает как для онлайн-изображений, так и для локально сохраненных.
3. Стартовый терминал.
4. При необходимости вы можете выполнить команду «$ xclip –selection clipboard –t TARGETS –o», чтобы увидеть список доступных целей.Поскольку все основные дистрибутивы Linux поддерживают файлы JPG и PNG, вы, скорее всего, найдете их в списке.
5. Затем выполните «$ xclip –selection clipboard –t image / png (или jpg, если он доступен) –o> /tmp/nameofyourfile.png».
6. Чтобы открыть новый файл, выполните «$ see /tmp/nameyourfile.png».

Если вы используете более новую версию Ubuntu 17.10 или новее, вы можете использовать собственный набор ярлыков для сохранения снимков экрана в виде изображений.

1. Ctrl + Alt + Print скопирует снимок экрана всего окна в буфер обмена.
2. Shift + Ctrl + Print скопирует снимок экрана части окна в буфер обмена.
3. Ctrl + Print скопирует снимок экрана в буфер обмена.
4. Alt + Print сохранит снимок экрана всего окна в Картинки.
5. Shift + Print сохранит снимок экрана части окна в Картинки.
6. Печать сохранит снимок экрана в изображения.

Вы можете отключать и включать каждый из этих ярлыков по своему усмотрению.

OnPaste

Некоторые бесплатные интернет-сайты предлагают преобразование изображений из буфера обмена.Вот наш выбор — OnPaste. Этот сайт позволяет пользователям создавать свои собственные холсты с нуля или загружать изображения, которые они хотят сохранить в формате JPG или PNG.

Вот как создать файл с нуля:

1. Перейдите в папку с изображением, которое вы хотите сохранить в формате JPG или PNG, и нажмите Print Screen.
2. Откройте предпочтительный браузер.
3. Перейдите на сайт onpast.com.
4. Выберите размер холста. По желанию вы также можете установить цвет холста.
5. Нажмите кнопку «Создать холст».
6. Когда появится пустой холст, одновременно нажмите кнопки Ctrl и V.
7. Нажмите на кнопку «Обрезать» (первая рядом с логотипом сайта).
8. Выберите изображение, которое хотите сохранить.
9. Щелкните маленькую стрелку рядом со значком «Сохранить» (дискета).
   
10. Назовите файл.
11. Нажмите кнопку PNG или JPG. Если вы выберете JPG, вы сможете выбрать качество изображения.
12. Щелкните Сохранить.

JPG и PNG без ограничений

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

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

Как сохранить изображение без белого фона? — Старые версии CorelDRAW — CorelDRAW X3 и более ранние версии

написали в сообщении новости: 57792 @ coreldraw.ком …
> Я разработал логотип для человека, который собирается создать веб-сайт.
> и, я полагаю, установить этот логотип поверх существующего фона.
> Они не хотят, чтобы вокруг дизайна была белая область.
>

Мэри, я давно занимаюсь веб-сайтами. Есть всего несколько раз
, который мне когда-либо действительно требовался для создания графики с прозрачным фоном.
Конечно, в последнее время мне приходилось делать больше, чем в прошлые годы, но каждый раз я делаю
один, я уверен, что это абсолютно необходимо.В противном случае просто сделайте
фон вашего изображения соответствует тому, что вы используете в качестве фона для
сайт. Почему? Ну, в то время как все текущие браузеры могут читать прозрачные файлы PNG
(и вам действительно нужно использовать PNG, поскольку GIF поддерживает только один цвет
уровень прозрачности, и если вы не планируете его немного настраивать, вы получите
ореол вокруг объекта в зависимости от цвета фона, который вы использовали для
прозрачность и какой фон у сайта / будет) есть
по-прежнему много людей используют IE (ack), а также используют старые версии IE.
IE начал «видеть» прозрачные PNG только в IE7.
IE6 и ниже 5.5 (возможно, 5) могут видеть только прозрачный PNG с некоторыми
конкретных настроек кода веб-страниц. Забудьте об этом ниже IE5.

Итак, если кто-то создает этот сайт, убедитесь, что они
знает, как / может настроить код страницы для IE6 и ниже, чтобы увидеть прозрачность.
Если они не знают, как или не хотят учиться, вы захотите подтолкнуть
они НЕ делают прозрачный PNG.

DrawX4 отлично подходит для прозрачных PNG. Ниже X4 они все еще хороши, но вы
* сначала нужно * запомнить небольшую хитрость: установите прозрачную ограничивающую рамку вокруг
то, что вы хотите экспортировать. Убедитесь, что эта ограничивающая рамка
пропорционально тому, каким должен быть конечный продукт. Я всегда работаю в пикселях, поэтому
Я могу убедиться, что экспортирую нужный мне размер.
По сути, просто возьмите свой логотип / графику / что угодно и поместите его поверх Прямоугольник
, который вы нарисовали — прямо сейчас не имеет значения, есть ли в этом «квадрате»
контур или цвет заливки, на самом деле лучше, если у вас есть заливка или
, чтобы вы могли видеть ограничения, в которые вы должны вписать графику.Делать
убедитесь, что логотип / изображение не касается краев этой ограничительной рамки, но
они могут быть несколько близки к.

Теперь сделайте так, чтобы в коробке НЕТ ЗАПОЛНЕНИЯ и НЕТ КОНТРАКТА, сгруппируйте элементы вместе, нажмите
ctrl-e, чтобы экспортировать его, отметьте «только выбранные» и выберите PNG в качестве
формат файла. Убедитесь, что ваш цвет — RGB, а сглаживание —
проверено, установлен прозрачный фон, установлена ​​ли ваша высота / ширина
в пикселях, и вы экспортируете с точными размерами в пикселях.
необходимо, и разрешение не имеет значения, потому что ни один веб-браузер не прочитает это В любом случае значение
.

Затем, чтобы убедиться, что он выглядит правильно, откройте его в Photo-Paint или
, чтобы увидеть, как это выглядит. Вы видите что-нибудь похожее на
лезвие отрубилось? Если да, увеличьте коробку или сделайте
графический меньше. Старые версии Draw имеют тенденцию обрезаться сверху и справа
краев экспорта растрового изображения, поэтому вам нужно использовать эту «пустую границу»
box «, так что сглаживание работает с ошибками в пустой области.
, а не тот предмет, который вы хотите, чтобы люди видели.

Я пробовал это в Draw 10 — прилагаю пример прозрачного PNG
от нем.

Как сохранить изображение с прозрачным фоном photoshop

Иногда вы можете решить использовать изображение на своей веб-странице без цвета фона. Это часто называют прозрачным фоном.

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

Как сохранить изображение с прозрачным фоном photoshop

Причины иметь прозрачный фон фон

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

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

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

Как сделать логотип с прозрачный фон в фотошопе?

Откройте свой логотип

Начальный Шаг — открыть ваш логотип в Adobe Photoshop. Для этого следуйте этому шаг:

• Щелкните «Файл», а затем выберите «Открыть» в меню.

• Выбрать файл вашего логотипа. Затем на вашем экране появится логотип, чтобы вы могли корректировки, которые вы хотите.

Включить прозрачный слой

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

• Щелкните «Слой», затем наведите курсор на «Новый» и выберите «Слой» в меню. Если вы используете ПК, вы можете нажать «Control + N» на клавиатуре и «Command + N» для Mac.

• Переименуйте слой в зависимости от ваших стандартов именования изображений в Adobe Photoshop.

• Перетащите новый слой под слоем исходной версии. Это означает, что исходный слой будет наложите новый пустой слой.

• Выберите новый слой, чтобы вы могли продолжить.

Сделайте фон логотипа прозрачный

Как только вы включите новый слой, сделайте фон прозрачным, следуя этим шаги:

• От нажмите на панели инструментов инструмент «Волшебная палочка»

• Выберите область вашего логотипа, которую вы хотите сделать прозрачной, и выделите ее.

• Выбрать Настройки «Волшебной палочки». Выберите параметры, которые позволят вам достичь цели для вашего логотипа.

• На вашем клавиатуры, нажмите кнопку «Удалить».Выделенный вами регион получит удален, и ваш прозрачный фон станет видимым.

Сохранить логотип в формате PNG

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

• Пресса «Control + D» для ПК или «Command + D» для Mac, чтобы отменить выбор ваш логотип

• Щелкните «Файл» в вашем меню, а затем выберите «Сохранить как».

• Выбрать «PNG» в качестве формата файла.

• Щелкните «Сохранить, чтобы подтвердить изменения. Ф

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