Как сохранить изображения для Интернета в Photoshop

Обновлено 20 ноября 2019 г.

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

Зачем это нужно? Хотя вы можете просто сохранить файл стандартным способом, например File/Save As , функция Save for Web/Devices выполняет три важных задачи.

  • Он оптимизирует размеры файла (например: 150 x 150 пикселей), позволяя ему лучше вписываться в веб-страницы, выглядеть лучше и менее искаженно.
  • Он оптимизирует размер файла (например: 23 КБ), позволяя ему загружаться быстрее.
  • Он сохраняет в формате RGB (или монитора), а не в формате CMYK (печать).

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

Откройте исходный файл

Чтобы начать, вам нужно перейти в File/Open , чтобы открыть файл. Это может быть любой формат — jpg, gif, psd, png или другие. Пока Photoshop может его открывать, вы можете выводить его в Интернет.

Сохранение файла для Интернета

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

Перейдите в Файл/Сохранить для Интернета/Устройств и нажмите. Это примерно половина раскрывающегося меню.

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

Настроить режим сравнения на 2 варианта

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

Если вы посмотрите вдоль верхней части окна, вы увидите следующие параметры: Исходное, Оптимизированное , 2-мест, 4-мест. В большинстве случаев вам понадобится 2-Up.

Установите размер просмотра на 100%

Чтобы убедиться, что вы просматриваете на 100%, проверьте параметр в левом нижнем углу экрана.

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

Выбор размеров файла

Размеры для Интернета почти всегда указываются в пикселях (px). Важно сохраняйте пропорции правильными. Рядом с полем изображения находится небольшое изображение звена цепи. При изменении высоты оно масштабирует ширину. Например, изображение размером 600 на 400 пикселей. Если уменьшить ширину до 300 пикселей, файл автоматически масштабируется до высоты 200 пикселей. Если этот флажок не установлен, изображение будет искажено.

У вас также есть возможность масштабировать изображение в процентах.

Выберите тип файла для экспорта

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

Примечание: чтобы начать процесс, вам нужно будет нажать на изображение справа. Изображение необходимо выбрать для обработки.

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

Выбрать качество изображения

Каждый из трех вариантов jpg (высокий, средний, низкий) имеет предустановленные настройки качества, которые можно отрегулировать вручную. Если вы смотрите на 100%, вы можете решить, какое качество вам нужно. Чтобы отрегулировать уровень масштабирования, см. Шаг 5. Изображение в Интернете будет выглядеть так же, как и в окне предварительного просмотра.

Если вы выбрали что-либо, кроме jpg, вы можете пропустить этот шаг.

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

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

Поздравляем! Ваш новый файл готов к использованию в Интернете.



Альтернативы Photoshop: 10 лучших бесплатных онлайн-фоторедакторов

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

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

Существует множество онлайн-фоторедакторов, но мы выбрали 10 наших любимых, потому что они:

  • Сравним с Photoshop. Мы искали инструменты онлайн-редактирования, имитирующие полнофункциональные настольные редакторы изображений.

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

  • Простота в использовании. Все эти приложения удобны для пользователя, даже если некоторые из них сложнее других.

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

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

Примечание. Мы протестировали эти приложения в Chrome, который, как мы обнаружили, наиболее совместим по всем направлениям. И имейте в виду, что многие из этих приложений полагаются на Flash в своей функциональности, что может стать проблемой для тех, кто обеспокоен проблемами безопасности, и означает некоторые серьезные изменения, когда Flash уйдет на путь динозавров в 2020 году.

10 лучших бесплатных онлайн-фоторедакторов

Значок:

Приложение

Подходит для

Платформа>

Pixlr

редактирование фотографий с помощью инструментов профессионального уровня

Интернет, компьютер, Chrome, iOS, Android

Photopea

делая вид, что используете Photoshop

Интернет, компьютер, iOS, Android

Polarr

поддержка сырых форматов

Интернет, macOS Lite, Windows Lite, iOS, Android, расширение Chrome

Sumopaint

демонстрация художественных эффектов рисования

Интернет, рабочий стол

BeFunky

редактирование фотографий со спецэффектами

Интернет, iOS, Android

Fotor

пакетная обработка

Интернет, iOS, Android

iPiccy

создание графического дизайна и получение лучшего бесплатно опыт

Интернет, iOS, Android

Риббет

освоение расширенного редактирования фотографий

Интернет, iOS

Fotojet

начиная с графического дизайна

Интернет

LunaPic

редактирование фото и видео

Веб


Лучшие онлайн-фоторедакторы для энтузиастов

Pixlr

Для редактирования фотографий с помощью инструментов профессионального уровня

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

Верхняя строка меню содержит ряд выпадающих меню для корректировок, фильтров, преобразований и искажений. Хотя некоторые элементы, такие как History , Layers и Navigator , могут оставаться видимыми в интерфейсе, пока вы работаете над image — аналогично закрепленным панелям Photoshop — другие элементы, такие как Unsharp Mask , должны быть скорректированы и приняты перед переходом к следующей операции. Насколько эффективны некоторые элементы управления, полностью зависит от вашего изображения, но существует так много инструментов профессионального уровня, что вы сможете найти решение для большинства проблем с изображением.

Просто потому, что это сложно, не означают, что Pixlr трудно использовать. Он имеет удобные красочные значки и удобные ползунки, которые позволяют легко настраивать параметры. Кроме того, он работает в собственном фрейме приложения, что означает, что он не занимает все окно вашего браузера. Бонус: Pixlr может открывать файлы Photoshop PSD и сохранять их в собственном формате, а также в форматах PNG, JPEG, BMP и TIFF для публикации в социальных сетях или сохранения на жесткий диск.

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

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

Цены на Pixlr: бесплатно

Photopea

Для того, чтобы притвориться, что вы используете Photoshop

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

Как и Pixlr, он принимает собственные файлы Photoshop PSD, открывая изображения с помощью точные слои, содержащиеся в исходном изображении. Он также работает с собственными файлами GIMP и Sketch. В отличие от Pixlr, он также может экспортировать в формат PSD, что удобно, если вы регулярно работаете с файлами Photoshop.

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

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

Цены на Photopea: бесплатно; 30-дневные лицензии: 5 долларов США для одного пользователя, 15 долларов США для команды из 5 человек и 50 долларов США для команды из 20 человек.. Стоимость 90-дневной лицензии составляет 12 долларов США для одного пользователя, 40 долларов США для команды из 5 человек и 120 долларов США для команды из 20 человек.

Polarr

Для поддержки необработанных форматов

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

Вы можете выбрать предустановки из огромного количества встроенных фильтров, которые включают уникальные параметры, такие как Modern Film и Art Film . Вы также можете настроить изображение с помощью утилиты, напоминающей Apple Photos, чтобы исправить яркость, контраст, блики, дымку, обрезку, соотношение сторон, а также цветовой оттенок и температуру. Бесплатная версия также предлагает инструменты для настройки оттенка, насыщенности и яркости, а также искажения объектива, кисть для удаления пятен и возможность исправлять недостатки лица для портретов.

Polarr поддерживает необработанные форматы , что необычно для онлайн-редакторов изображений: просто перетащите исходное изображение в веб-интерфейс. Когда вы закончите работу с изображением, вы можете сохранить его в формате JPEG, PNG или TIFF. Вы даже можете выполнить пакетное сохранение с выбором из трех настроек качества и обрезки, которые включают ряд точных выходных размеров для LinkedIn, Instagram, Twitter, Facebook, Pinterest и Tumblr.

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

Цены на Polarr: Бесплатно; премиальные подписки за 20 долларов США (единовременная плата, включая любые обновления)

Sumopaint

Для показа эффекты художественной росписи

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

Серия закрепленных панелей в стиле Photoshop позволяет увеличивать и уменьшать масштаб а также перемещайтесь по изображению, выбирайте цвета, добавляйте слои и применяйте многочисленные фильтры, такие как 3D Effects , Blur , Distort , Sharpen , Stylize и другие. Он также имеет большую коллекцию кистей с регулируемыми размерами, поворотами, ориентацией, рассеянием и другими художественными эффектами рисования..

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

Цены на Sumopaint: бесплатно; премиальные подписки на 2 доллара в день (~ 30 долларов в месяц), 5 долларов в неделю (~ 20 долларов в месяц), 9 долларов в месяц или 48 долларов в год (4 доллара в месяц), а также другие схемы ценообразования

BeFunky

Для редактирования фотографий со спецэффектами

BeFunky известен своими спецэффектами, о чем свидетельствует функция Layer Manager в верхней части основной панели инструментов.

Выпадающее меню, доступное из каждого основного раздела — Редактировать , Touch Up , Эффект , Художественный , Рамки , Графика , Наложение , Текст и Текстуры — позволяет переключаться между фоторедактором, дизайнером и создателем коллажей, каждый из которых имеет бесплатные и премиальные элементы, которые вы можете уточнить с помощью ползунка. В бесплатной версии есть огромный список элементов и стилей в дополнение к ошеломляющему набору наклеек, шрифтов и фонов. А режим Paint позволяет накладывать эффекты с помощью кисти, вместо того, чтобы применять ее равномерно по всему кадру.

Вы можете многое сделать с помощью кисти. бесплатная версия BeFunky, но если вам нравится то, что вы видите, обновите, чтобы получить доступ к расширенным эффектам редактора: HDR DLX , Sharpen DLX , Яркие цвета DLX и DeNoise DLX — это простые в использовании инструменты, которые отличают его от других онлайн-редакторов за счет использования обновленных алгоритмов для повышения точности и фотореализма выбранного эффекта. или функция. Функция Touch Up предоставляет вам базовые элементы управления бесплатно, но большинство ее исправлений доступны только в премиум-версии. Раздел Artsy также является частью премиум-версии, но вы можете сначала опробовать все эффекты, чтобы определить, стоит ли оно того для вас. Обновление также удаляет рекламу и позволяет выводить изображения с высоким разрешением 4000 x 4000 пикселей.

Цены на BeFunky: бесплатно; подписки премиум-класса за 4,95 доллара в месяц или 34,95 доллара в год (2,91 доллара в месяц)

Fotor

Для партии обработка

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

В дополнение ко всем основным возможностям онлайн-редактирования, Fotor предлагает обширные функции для специальных эффектов, улучшения лица и тела , рамки, наклейки и текст. Вы можете добавить художественные штрихи к своим изображениям с помощью специальных эффектов профессионального уровня, таких как Lens Flare , Film Grain , Color Splash и Tilt-Shift . А удобные функции Snapshot позволяют отслеживать несколько изменений.

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

Цены на Fotor: бесплатно; подписки премиум-класса за 8,99 долларов в месяц или 39,99 долларов в год (3,33 доллара в месяц)

Лучшие онлайн-фоторедакторы для новичков

iPiccy

Для создания графического дизайна и лучшего бесплатного использования

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

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

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

Цены iPiccy: Бесплатно

Ribbet

Для получения навыков расширенного редактирования фотографий

Упрощенные пункты меню Ribbet больше похожи на Apple Photos, чем на Photoshop. Вы можете начать с одного изображения или выбрать создание коллажа. После загрузки одного изображения вы получаете панель инструментов с меню Basic Edits . Оттуда вы можете применить Auto Fix — что-то, что оценят новички, — или вы можете вручную управлять функциями обрезки, поворота, экспозиции, цвета, резкости и изменения размера.. Знакомый интерфейс перетаскивания позволяет загружать фотографии в свою собственную библиотеку для повторного использования.

Несмотря на минимализм, Ribbet все же имеет некоторые удобные функции, такие как изменение размера фотографий специально для обложек социальных сетей в Facebook. , Twitter или YouTube; оптимизация вывода на печать; и возможность запускать Pixlr прямо из приложения для получения дополнительных функций. Кроме того, существует так много наклеек и рамок, что в приложении есть поле поиска только для них.

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

Цены на Ribbet: бесплатно; подписки премиум-класса за 4,95 доллара в месяц, 19,95 доллара за шесть месяцев (3,33 доллара в месяц) или 29,95 доллара в год (2,50 доллара в месяц).

FotoJet

Для начала с графическим дизайном

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

Если вы ищите программное обеспечение, которое выполнит свою работу, не перегружая вас, основные Edit , Effect , Overlay , Рамка , Текст и Clipart удовлетворят большинство пользователей. А для всех любителей картинок FotoJet предоставляет бесплатный доступ с возможностью поиска к библиотеке картинок Google.

Премиум-версия дает вам возможность работать без рекламы и расширенные функции, включая Sharpen , Dehaze и Vignette — вместе с более чем 600 шаблонами и 500 изображениями, шрифтами, эффектами и наложениями, и многое другое.

Цены на FotoJet: бесплатно; подписки премиум-класса за 6,99 доллара в месяц или 39,99 доллара в год (3,33 доллара в месяц)

LunaPic

Для редактирования и фото, и видео

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

Если вы можете пройти мимо не такое уж яркое впечатление, вы найдете чрезвычайно способный редактор, который предоставляет вам множество удобных функций, таких как специальные эффекты, в том числе анимационные эффекты в стиле видео, которые загружаются в мгновение ока. Некоторые примеры? Анимация Old Movie Effect делает цветную фотографию черно-белой и добавляет царапающие движущиеся вертикальные линии возраста. Groovy Rainbow дает вам циклическую анимацию. Obamaize дает вам эффект Шепарда Фейри. Каждый эффект основан на предыдущем, но панель истории отображается в виде отдельных эскизов, поэтому вы можете вернуться назад, не нажимая Отменить несколько раз..

В отличие от большинства других, LunaPic поддерживает редактирование видео в дополнение к редактированию фотографий, позволяя импортировать различные видео и графические форматы и позволяя выводить анимированные GIF-файлы или короткие фильмы AVI, MPG или MP4 и аудио WAV. . Вы даже можете указать скорость фильма, количество кадров и ширину и завершить это подписью.

Цены на LunaPic: бесплатно


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

Продолжайте читать:

  • Как организовать свои фотографии как профессиональный органайзер

  • Визуальные закладки: 15 приложений для сохранения снимков экрана, фотографий и создания дизайнерского вдохновения

Оцените статью
clickpad.ru
Добавить комментарий