Как сохранить фото в фотошопе без потери качества в нужном формате?
Изменен формат изображения фото картинки в фотошопе. Как сохранить без потери качества?
Как сохранить фото в фотошопе cs6 в формате jpg без потери качества?
Как сохранить фото в фотошопе cs6 в формате jpg?
Как сохранить фото в фотошопе cs6 в хорошем качестве?
Как сохранить фото в фотошопе cs6?
Как сохранить фото в фотошопе cs6 без фона?
Как сохранить фото в фотошопе cs6 без потери качества?
Как сохранить фото в фотошопе cs6 для ютуба?
Как сохранить фото в фотошопе cs6 после обработки?
Как сохранить фото в фотошопе cs6 в формате png?
Как сохранить фото в Фотошоп в лучшем качестве?
Как сохранить фото в фотошопе в максимальном качестве?
Как сохранить изображение в фотошопе без потери качества?
Как сохранить изображение в фотошопе в хорошем качестве?
Как сохранить фото в фотошоп без потери качества?
комментировать
в избранное бонус
Krust all [126K]
11 месяцев назад
Рассмотрим следующие способы сохранения любого изображения, при этом без потери важного для нас качества:
Быстрый экспорт в jpg, Сохранить как. сохрани копию, Сохранить для Интернета (старая версия).
Разница между различными методами заключается в экономии времени и количестве промежуточных диалогов. Для заметки в Интернете можно сохранить до 30 изображений.
Если сохранять через пункты меню Файл-Сохранить как (Сохранить копию), то нужно 30 раз поставить галочку ✅ Профиль ICC: sRGB и 30 раз выбрать пункт меню «Тип файла: JPEG».
С помощью команды «Быстрый экспорт» я пропускаю промежуточные диалоги, что экономит мне двадцать минут на эскиз и дает мне страховку от того, что я случайно не забуду где-нибудь поставить все галочки.
К выбору формата можно подойти более осознанно-в зависимости от того, насколько они близки вашему стилю. Нет правильных или неправильных форматов, все они используются в зависимости от задач. Допустим, мы знаем, что JPEG имеет потери, но потери не будут значительными, если мы не будем открывать и сохранять файл много раз.
Если вы планируете вернуться к редактированию изображений, их маскам, слоям, непрозрачност-PSD-правильный выбор. Готовая обработка-смело используйте JPEG. Для работы на собственном сайте необходима прозрачность-выбирайте PNG. И не бойтесь экспериментировать.
Как правильно сохранять фотографии в фотошопе без потери качества
Сегодня мы поговорим о том, как правильно сохранить и оптимизировать картинку в фотошопе и в каком формате это лучше сделать. А ведь правильный выбор формата сохранения очень сильно влияет на качество и внешний вид картинки, а также на вес картинки в килобайтах. Это особенно важно для тех, кто учитывает расход трафика. Итак, давайте разберемся по порядку с 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) для того, чтобы фон был прозрачным. После этого нажимаем «Сохранить».
Если сразу не понятно, в каком режиме сохранять, лучше всего перепробовать все режимы сохранения, на глаз определяя оптимальное для вас сочетание качества картинки и ее веса после оптимизации. Вообще, полезно поэкспериментировать с настройками, чтобы понять, как работает та или иная функция.
Как правильно сохранять фотографии в фотошопе без потери качества
м. Марксистская ул. Марксистская, д. 5 Ст. м. Марксистская, выход №6. Пройти по ул. Марксистская примерно 500 м, дом 5, вход через магазин «Мяснов». пн-пт 09:00-21:00
сб-вс 10:00-20:00
перерыв 13:30-14:00 Подробнее
м. Октябрьское поле ул. Народного Ополчения, д. 45 Ст. м. Октябрьское поле, выход №1. Далее повернуть направо, пройти ТЦ Пассаж. Салон находится справа. пн-пт 09:00-21:00
сб-вс 10:00-20:00 Подробнее
м. Крылатское Рублевское шоссе, 62 От ст. м. Крылатское, выход №7 — авт. № 127,129, 626. ТЦ Европарк, 1 вход, салон находится за линией касс магазина Ашан. пн-вс 10:00-22:00 Подробнее
м. ВДНХ ул. 1-я Останкинская, д. 41/9 Ст. м. ВДНХ, выход №2. Пройти через Космопарк и сквер Королёва. Салон «Фотосфера» находится в жилом доме, вход вниз по ступенькам. пн-сб 09:00-20:00
вс 09:00-19:00
перерыв с 13:30 до 14:00 Подробнее
м. Университет Ломоносовский пр-т, д. 23 Ст. м. Университет, выход №2. Пройти вдоль трамвайных путей маршрута 26, далее направо до конца дома. пн-пт 09:00-21:00
сб-вс 10:00-20:00
перерыв с 13:30 до 14:00 Подробнее
м. Чертановская Балаклавский проспект, 7 Ст. м. Чертановская (выход №4). Далее налево. Пройти 50 метров по площади к торговому центру. Центральный вход, 1 этаж. пн-пт 10:00-21:00
сб-вс 10:00-20:00
перерыв с 13:30 до 14:00 Подробнее
м. Теплый стан Калужское ш., 21-й км, стр. 1 Мега Теплый Стан, маршрутками от ст. м. Юго-Западная, м.Тропарево, м.Теплый Стан, м.Ясенево и м.Бульвар Дмитрия Донского. Центральный вход в ТЦ Мега. Далее идти налево по галерее 100 м. пн-вс 10:00-22:00 Подробнее
м. Речной вокзал Мкр. № 8, район Новокуркино, к2 Мега Химки, маршрутками от ст. м. Планерная, м.Речной вокзал и м.Сходненская. Вход №1 со стороны Ленинградского шоссе. Повернуть налево в сторону торговой галереи. пн-вс 10:00-23.00 Подробнее
м. Выставочная Пресненская Набережная, д. 10 Башня на набережной. Выход №4 из метро Выставочная, по направлению к ТЦ Афимолл. Из стеклянных дверей направо, пройти через торговую галерею к Сбербанку. Повернуть налево через переход между башнями, в блок С. Четвёртый павильон слева. пн-пт 8:30-19:00
перерыв 11:30-12:00, 15:00-15:20
сб-вс — выходной Подробнее
м. Молодежная ул. Ярцевская, д. 19 Ст. м. Молодежная, выход №1. Далее повернуть направо и идти прямо 250 м, вдоль Ярцевской ул. В ТЦ Кунцево Плаза спуститься по ступеням вниз, на -1 этаж. пн-вс 10:00-22:00
перерыв с 13:30 до 14:00 Подробнее
м. Отрадное Декабристов ул., 12 Ст. м. Отрадное, выход №8. Центральный вход в ТЦ Fort, салон находится напротив магазина «Перекрёсток» и терминалов Сбербанка, Альфа-Банка и Тинькофф. пн-вс 10:00-22:00 Подробнее
м. Тропарево ул. Академика Анохина, 58 Ст. м. Тропарево (выход №1-2), по указателю на ул. Академика Анохина, пройти через лесопарковую зону, выйти на центральную улицу, по направлению к дому №58. Торговый центр А58, ориентир магазин «Перекресток», салон Фотосфера находится за кассами супермаркета. пн-пт 10:00 — 21:00; сб-вс выходной Подробнее
м. Технопарк пр-т Андропова, 8 Ст. м. Технопарк, выход №4. ТЦ Мегаполис, 1-й этаж. Обойти здание справа, вход в крайнюю дверь пн-вс 10:00-22:00 Подробнее
м. Котельники Новорязанское шоссе, д. 24 Глобус Белая Дача, маршрутками от ст. м. Котельники (выход №1-4). Главный вход. Салон «Фотосфера» расположен напротив кассовой зоны. пн-вс 9:00-22:00
перерыв с 13:30 до 14:00 Подробнее
м. Сокольники Сокольническая площадь, 9 к.1 Ст. м. Сокольники, Сокольническая площадь, 9 к.1 , 1 этаж, Выход из метро №5, находится в салоне Арт-рама. ежедневно, 10:00-20:00 Подробнее
м. Рассказовка улица Корнея Чуковского, д. 2 Ст.м. Рассказовка, поселение Внуковское, улица Корнея Чуковского, д. 2, этаж 1 ежедневно, 10:00-22:00 Подробнее
г. Одинцово ул. Советская, д. 1 Б (Напротив Вкусно и Точка) Салон «Фотосфера» находится рядом с ж/д вокзалом, справа от кафе Вкусно и Точка. пн-пт 09:00-21:00
сб-вс 10:00-20:00 Подробнее
г. Троицк Микрорайон В, 37А ТЦ Хороший день, салон «Фотосфера» находится слева от входа в Сбербанк. пн-пт 09:00-21:00
сб-вс 10:00-20:00 Подробнее
м. Котельники г. Котельники, 1-й Покровский пр-д, 5 Мега Белая Дача, маршрутками от ст. м. Котельники, м.Братиславская, м.Люблино, м.Волжская, м.Выхино, м.Лермонтовский проспект и м. Кузьминки. Центральный вход со стороны Ашана, поверните налево до развилки, затем направо. Фотосфера будет справа от вас. пн-чт 10:00-22:00
пт-вс 10:00-23:00 Подробнее
г. Чехов г. Чехов, Полиграфистов д. 1 Ст. м. Лесопарковая, авт. 458, 365к, 1365 до остановки Полиграфический комбинат. Пройти по ул. Полиграфистов 200 м. Выдача заказов осуществляется на проходной Чеховской типографии по предварительной договоренности. пн-пт 09:30 — 18:00
сб-вс — выходной. Подробнее
г. Селятино рп. Селятино, ул. Спортивная , д. 5/1 Ст. м. Саларьево, авт. 309 до остановки Дубрава, авт. 569 до остановки Бассейн. Одноэтажное здание, первый подъезд. пн-пт 09:00-20:00
сб 10:00-19:00
вс 10:00-18:00 Подробнее
- О нас
- Доставка и оплата
- Корпоративным клиентам
Как правильно сохранить изображение для Web в Photoshop
В этом уроке мы узнаем, как правильно работать с инструментом Photoshop «Сохранить для Web» (Save for Web), т.е. как сохранять подготовленную и уменьшенную фотографию или изображение для загрузки на веб-сайте или отправки по электронной почте.
Надо отметить, что технология не изменилась с версии Photoshop CS4 до версии CC (Creative Cloud), так что данный урок подойдёт ко всем этим версиям.
Об уменьшении размера изображения в Photoshop для версий CS6 и ниже рассказывается здесь, а для как изменять размер картинки в новом Photoshop CC — здесь.
Я буду работать с этой фотографией:
Итак мы изменили размер изображения так. как нам надо. Теперь пришло время для его оптимизации и сохранения в одном из популярных графических форматов, чаще всего это JPG(JPEG) или PNG. Теперь нажмите на вкладку главного меню «Файл» (File) и выберите из списка пункт «Сохранить для Web…» (Save For Web & Devices) или нажмите мою любимою комбинацию клавиш Ctrl+Alt+Shift+S:
Это действие открывает в Photoshop большое диалоговое окно «Сохранить для Web», в котором область предварительного просмотра занимает большую часть пространства.
В левом верхнем углу области предварительного просмотра вы увидите серию из четырех вкладок. По умолчанию, выбрана вкладка «Оптимизация» (Optimized), которая означает, что вы не видите исходное изображение. Вместо этого, показан предварительный просмотр того, как изображение выглядит с текущими настройками оптимизации (которые мы рассмотрим чуть позже):
Как советуют веб-дизайнеры, лучше воспользоваться другой вкладкой, где в окне предпросмотра показываются сразу два изображения, оригинальное и оптимизированное, это вкладка «2 варианта» (2-Up):
При активной вкладке «2 варианта», теперь мы видим сразу два изображение, оригинальную версию слева и оптимизированную версию справа (если Ваша картинка имеет альбомную ориентацию, т.е. её ширина больше, чем высота, то тогда картинки будут показываться одна над другой):
Формат файла
С правой стороны диалогового окна находятся опции оптимизации изображения.
Первое, что нужно сделать, это выбрать правильный формат файла для нашего изображения. Если Вы открываете это окно в первый раз, по умолчанию установлен формат GIF. формат выбранного файла в верхней части (непосредственно под словом «Preset»). GIF в некоторых случаях используется для сохранения веб-графики, но для моей фотографии лучше подойдёт формат JPEG, поэтому я изменю GIF на JPEG:
Качество сжатия изображения
Непосредственно под опцией формата находится варианты выбора качества сжатия изображения, т.е. выходного качества самой картинки.
Мы можем выбрать из предварительно заданные параметров качества (низкое, среднее, высокое и очень высокое, и наилучшее, в англ. — Low, Medium, High, Very High, и Maximum) в выпадающем списке слева, либо можем ввести определённое значения качества в процентах справа.
Хотя довольно таки заманчиво задать максимальное качество для наших фотографий, оптимизация для интернета означает, что мы должны делать размер файла в мегабайтах как можно меньше, что означает поиск золотой середины между качеством изображения и размером файла. Значение качества «Высокое» почти всегда является оптимальным выбором, оно даёт нам приемлемое качество изображения при относительно небольшом размере файла. Выбор значения «Высокое» автоматически устанавливает значение качества на 60%:
Как только вы выбрали значение качества, убедитесь, что опция «Оптимизация» (Optimized) у Вас включена, т.к. она может помочь ещё несколько уменьшить размер файла. Опции «Прогрессивный» (Progressive) и «Встроенный (цветовой) профиль» (Embed Color Profile) включать не обязательно, т.к. всё-равно большинство веб-браузеров не поддерживают цветовые профили:
Цветовое пространство
Наконец, включите опцию «Преобразовать в sRGB» (Convert to sRGB), если она ещё не активна. Это позволит убедиться в том, что фотография сохраняется в цветовом пространстве sRGB, что, проще говоря, означает, что цвета на фотографии будут корректно отображаться на веб-сайте:
Размер изображения
Диалоговое окно также дает нам возможность изменить линейный размер изображения. Я рекомендую изменять размер изображения заранее, перед включением диалогового окна «Сохранением для Web», чтобы при сохранении для Web линейные размеры в пикселях были уже готовыми. Особенно это актуально для последней версии Photoshop CC с его
новым диалоговым окном «Размер изображения». Об изменении размера изображения в Photoshop CC рассказывается здесь, а в версиях CS6 и ниже — здесь.
Сравнение исходных и оптимизированных размеров файла
На данный момент, мы сделали все, что нужно, для оптимизации файла для Web, и теперь давайте посмотрим на размер файла в байтах в исходной и оптимизированной версиях. В моем случае, размер исходной фотографии (слева) был равен колоссальному для интернета значению — 1,29Mb что слишком велико для пользователей даже со средней скоростью интернета, а оптимизированная версия (справа), которая выглядит почти так же хорошо, как и оригинал, получилась всего 41,85 Kb :
Сохранение изображения
Чтобы сохранить оптимизированную версию Вашей фотографии, нажмите кнопку «Сохранить» (Save) в нижней части диалогового окна. Photoshop откроет новое диалоговое окно «Сохранить оптимизированный как» (Save Optimized As), которое позволяет при необходимости переименовать изображение, а также выбрать нужную папку на жёстком диске для сохранения. Когда закончите, нажмите кнопку «Сохранить», чтобы сохранить изображение и выйти из диалогового окна:
Ну вот, собственно, и всё. Фото теперь полностью оптимизировано и готово к оправке по электронной почте либо для размещения на сайте.