Товаров: 0 (0р.)

Как сохранить в веб в фотошопе: Оптимизация изображений в Photoshop Elements

Содержание

Photoshop. Как сохранить для Web

В этом уроке Вы увидите, как картинки из PSD файла сохранить для Web.

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

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

1. Откройте файл PSD

Пожалуйста, обратите внимание, что для обработки текста в PSD файле нужно установить необходимые шрифты, которые указаны в fonts_info.txt файле.

2.Выберите инструмент Slice Select (Выделение фрагмента).Вы можете видеть, что фрагменты с этими фразами перекрывают другие. Нужно их достать. Для этого выберите нужный фрагмент и перенесите его поверх других (детальная информация находится здесь — Как использовать инструмент bring to front).

То же самое нужно сделать и для слогана. Его перекрывают другие фрагменты. Так же перенесите его на перед.

3.Сейчас нужно при нажатой клавише «Shift» выделить все фрагменты, которые хотите сохранить.

4. В верхнем меню перейдите на File > Save for Web & Devices (файл > сохранить для Web & Devices)

5.Выберите инструмент Slice select (выбор фрагмента) и опять при нажатой клавише «Shift» выберите фрагменты. Нажмите на кнопку Save (сохранить)

Обратите внимание, пожалуйста, что картинки нужно сохранить в папке Site, а не в Images. Убедитесь еще раз, что у Вас такие же настройки:

  • — Save as type/Сохранить как тип: Images Only/Только картинки
  • — Settings/Настройки: Default Settings/Стандартные Настройки
  • — Slices/Фрагменты: Selected Slices/Выбрать фрагменты (Важно!)

Нажмите на кнопку Save (сохранить)

6. Вы увидите файлы, которые будут заменены. Нажмите на кнопку «Replace» (Заменить)

7. Обновите страницу и проверьте картинку, которую Вы только что изменили.

 

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

Как сохранить для web

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

Главная » Разное » Как сохранить фото для интернета в фотошопе без потери качества

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

В левом верхнем углу области предварительного просмотра вы увидите серию из четырех вкладок. По умолчанию, выбрана вкладка «Оптимизация» (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), которое позволяет при необходимости переименовать изображение, а также выбрать нужную папку на жёстком диске для сохранения. Когда закончите, нажмите кнопку «Сохранить», чтобы сохранить изображение и выйти из диалогового окна:

Ну вот, собственно, и всё. Фото теперь полностью оптимизировано и готово к оправке по электронной почте либо для размещения на сайте.

Подготовка фотографии для Интернета

Урок №2

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

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

Итак, сначала определяемся, какой размер будет у нашей фотографии.

Смотрим исходный размер. То есть, в меню Изображение, выбираете пункт Размер изображения.

Открывается окно Размер изображения

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

Вводим вместо 2048 (у вас скорее всего там другие цифры) 1024 в окошко «ширина», при этом в окошке «Высота» автоматически появится цифра 768 (потому, что перед фразой Сохранить пропорции стоит галочка)

Нажимаем кнопку «ОК» — теперь у Вашей фотографии нужный размер!
Кстати, если вы на первом уроке кадрировали снимок до нужного размера, то этот абзац можете пропустить.

Примечание: Если исходный размер снимка меньше, чем 1024х768, то увеличивать его не стоит. Он, конечно, растянется до требуемого размера, но качество изображения ухудшится. Поэтому, если фотография и не закрывает весь экран — то пусть радует глаз красотой а не размерами. Ведь еще Ленин говорил по этому поводу: «Лучше меньше — да лучше!»

С размерами определились, переходим непосредственно к сохранению.

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

В меню Файл, выбираете пункт Сохранить для Web.

Открывается диалоговое окно Save For Web

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

Вы спросите: какие параметры устанавливать?

Во-первых, в окошке 2 выберите формат GIF или JPEG.

Формат GIF поддерживает не больше 256 цветов и подойдет только для сохранения рисунков и чертежей (рисунки 6-8 на этой странице сохранены в формате GIF с поддержкой 64 цветов, поэтому весят по 7-11 кб — мелочь, а приятно!)

Конечно, красивую фотографию в этом формате не сохранишь, поэтому выбираем формат JPEG.

В окошке 3 выбираем качество фотографии: низкое, среднее, высокое, максимальное. Вы скажете: конечно максимальное?

Да, если бы речь шла о сохранении на винчестер, то так бы оно и было. Но Вы же собираетесь эти фотографии размещать в Интернете для скачивания почитателями Вашего таланта! А кто любит долго ждать открытия страницы? Вот именно, никто!

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

А вы можете поэкспериментировать. Меняя значения, вы будете видеть, как у вас на глазах меняется качество правого снимка. Кроме того, под правым снимком увидите, как меняется размер К (в килобайтах) снимка, в зависимости от качества.

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

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

Всё, снимок готов!

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

Перейти к другим урокам по фотошопу:

  1. Кадрирование фотографии.
  2. Тоновая коррекция изображения
  3. Маскировка некоторых дефектов на фото с помощью Заплатки
  4. Удаление «эффекта красных глаз» с помощью Photoshop
  5. Подготовка фотографии к печати

Как подготовить фото для интернета

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

Сегодня мы продолжим изучать основы Фотошоп, тема сегодняшнего урока Как подготовить фото для интернета. Возможно, у Вас сразу возникли вопросы,  для чего и зачем фото готовить для интернета? Можно ведь просто взять загрузить и все.

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

5 причин подготовки изображений для WEB

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

Во время вёрстки веб-дизайна, все элементы макета будущего сайта (картинки в формате .png и .jpg) обязательно  подготавливаются для интернета, без этого вёрстка невозможна.

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

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

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

Со всеми этими задачами прекрасно справляется наша любимая программа Adobe Photoshop CC. Разработчиками Фотошоп был придуман очень полезный и нужный модуль с функцией сохранения изображений для интернета (Save for Web). Это мощный модуль управления процессами оптимизации и сохранения документов, который автоматически подбирает оптимальные настройки сохраняемого файла. Этот модуль поддерживает и работает с самыми распространенными форматами файлов для интернета .jpg, .gif, .png.

Преимуществами и удобствами пользования  этого модуля являются такие полезные и нужные возможности как:

 выбор нескольких режимов просмотра во время оптимизации изображения для web

 выбор формата в котором изображение будет сохранено

 выбор качества и размера сохраняемого изображения

выбор способа оптимизации, сжатия и просмотр веса оптимизированного изображения.

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

Для того, чтобы перейти к сохранению для web, заходим в верхнее меню Файл/Сохранить для web или воспользуемся горячими клавишами Ctrl+Alt+Shift+S. 

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

Описание опций:

1. Четыре вкладки вариантов предварительного просмотра.

—  Исходное — это когда Вы видите тока своё исходное изображение

—  Оптимизация — это когда Вы видите в предварительном просмотре только оптимизированное изображение

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

—  4 Варианта — это когда Вы видите в предварительном просмотре исходное изображение, изображение в качестве котором Вы выбрали, изображение в качестве 22 и изображение в качестве 11.

2. Формат сохраняемого файла. В нашем случае мы выбираем JPEG.

—  PNG — формат файла для сохранения Веб-графики. Бывает двух видов, 8 bit -индексированые изображения, 24 bit — «все» цвета. Обычно в этом формате сохраняют клипарты и логотипы на прозрачном фоне.

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

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

3. Значение качества. Мне нравится «Высокое».

—  Низкое

—  Среднее

—  Высокое

—  Очень высокое

—  Наилучшее

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

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

6. Выставляем нужный размер изображения. В моём случае это, ширина 500 — пикселей, высота — 281 пиксель.

7. Размер оригинального изображения.

8. Размер оптимизированного изображения для интернета.

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

Как настроить цветопередачу для публикации фото в интернете?

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

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

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

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

Adobe Lightroom

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

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

Формат файла

Размер изображения. Социальные сети и форумы имеют ограничение на размер загружаемой фотографии, и если фотография больше допустимого предела, то она автоматически сжимается. Ну а автоматические алгоритмы интерполяции только испортят качество вашей фотографии. Чтобы этого избежать, нужно заранее ее уменьшить. Размер фотографии стоит выбирать исходя из простой логики, чтобы при просмотре и с мобильного телефона, и с компьютера она сохранила свою резкость. Оптимальным размером для интернета сейчас являются значения от 1400 пикселей по длинной стороне, до 2100. В частности для «ВКонтакте» идеальным будет 1680 пикселей по длинной стороне.

Резкость вывода. Для интернета – чем больше, тем лучше. В разумных пределах. В лайтруме ставим «сильная».

После этих настроек ваша фотография готова к публикации в интернете.

Adobe Photoshop

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

И в появившемся окне выбрать настройки «универсальные настройки для Европы 3».

Если в вашем фотошопе нет предустановок для Европы, то просто выставите в поле RGB – «sRGB IEC61966-2.1», там всегда будет один профиль sRGB.

Кликаем ok, идем дальше.

«Просмотр» – «варианты цветопробы» – и ставим интернет-стандарт sRGB.

А также при открытии RAW-файла в фотошопе обратите внимание и выставите профиль sRGB.

Теперь ваш фотошоп правильно воспроизводит и сохраняет все цвета фотографии.

Сохранение фотографии для интернета в Adobe Photoshop

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

Уменьшаем через «изображение» – «размер изображения»:

Выставляем единицу измерения «пиксели» и в поле «ширина» указываем необходимый нам размер. Ресамплинг оставляем автоматический или ставим «бикубическая (с уменьшением)».

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

Обязательно делаем новый слой и заходим в «фильтр» – «усиление резкости» – «умная резкость».

Уменьшение шума ставим на 0. Радиус для уменьшенной фотографии находим в диапазоне от 0,3 до 1. Для фотографии размером 1680 пикселей по длинной стороне подойдет радиус 0,4 – 0,5. Эффект также находим в диапазоне от 70 до 150.

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

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

Поделиться в социальных сетях

Вконтакте

Facebook

Twitter

9971

КАК СОХРАНИТЬ ФОТО ДЛЯ ИНТЕРНЕТ БЕЗ ПОТЕРИ КАЧЕСТВА

08-04-2019

КАК СОХРАНИТЬ ФОТО ДЛЯ ИНТЕРНЕТ БЕЗ ПОТЕРИ КАЧЕСТВА

Просмотров: 2340

Комментариев:25

Нравится15

   Очень многие сталкиваются с проблемой потери качества изображения при его уменьшении, для последующей демонстрации фото в интернет. Приходится жертвовать качеством, обрезая фото и уменьшая их разрешение. И в итоге — картинка становится не четкой, цвета блеклые, не насыщенные….
  Так какими параметрами можно манипулировать для уменьшения размера снимка и как провести оптимизацию, минимально затронув качество?
  Об этом вы и узнаете посмотрев данный видео урок.
К уроку прилагается материал: actions для быстрой оптимизации
изображения
Поделись с друзьями

Как оптимизировать изображения для сайта

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

Первое, что можно сделать в нём – поменять расширение. Для этого откройте файл в Фотошопе, а потом сохраните в другом формате. И всё, документ будет весить значительно меньше.

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

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

Облегчить картинку можно, если сохранять не в png-24, а в png-8. Такой формат чаще используют как замену gif (кроме анимаций), потому что он поддерживает меньше оттенков. Но зато с его помощью можно создавать лёгкие и яркие картинки для привлечения внимания. Если вам нужно именно это, то стоит попробовать его.

Как экспортировать изображение высочайшего качества в Photoshop

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

  • Разрешение: Насколько высокое или низкое разрешение вам нужно, все зависит от того, как вы планируете использовать свое изображение. Если вам просто нужны файлы изображений для блогов или электронной почты, лучше более низкое разрешение. Однако, если вы планируете использовать свои изображения в развороте журнала или фотогалерее, постарайтесь получить изображения как можно более высокого разрешения. Узнайте больше о том, как создать изображение в высоком разрешении с помощью Photoshop здесь.
  • Сжатие: Сжатие происходит, когда размер файла уменьшается из-за того, как он сохраняется.Существуют форматы файлов с потерями, которые снижают качество изображения, чем сильнее сжат файл, и есть форматы файлов без потерь, которые можно сжимать без снижения качества изображения. Например, JPEG с потерями, а RAW без потерь.

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

Если вы планируете использовать свое изображение в Интернете, экспортируйте фотографию, выбрав «Файл» → «Экспорт» → «Сохранить для Интернета» (может отображаться как SFW). Это откроет окно SFW. Если вы работаете с фотографией, сохраните ее в формате JPEG, так как это лучше всего для Интернета. Если вы хотите экспортировать баннер, логотип или другую графику, рекомендуется использовать формат GFI.

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

Как увеличить изображение цифровым способом без потери качества

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

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

О чем следует помнить при увеличении изображения

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

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

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

Как изменить размер изображения с увеличением на 10 процентов

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

Это изображение в настоящее время имеет ширину 670 пикселей.Если вы наклонитесь к монитору и прищурится, вы, вероятно, сможете разобрать весь текст. Сейчас все довольно гладко, и изображение выглядит красиво.

Чтобы увеличить изображение, мы воспользуемся функцией Resampling , которая является частью «угадывания», о которой мы рассказывали ранее.И мы собираемся использовать для этого Adobe Photoshop. Вот что происходит, когда мы увеличиваем изображение до колоссальных 2000 пикселей в ширину (просто чтобы показать вам, на что способна программа):

Как изменить размер изображения с помощью Photoshop

Чтобы изменить размер этого изображения в Photoshop, щелкните в верхнем меню приложения и выберите Изображение > Размер изображения .Затем отрегулируйте высоту и ширину в диалоговом окне Размер изображения . Также убедитесь, что Resampling включен, с Bicubic Smoother в качестве предустановки.

Как видите, Photoshop великолепно сглаживает это изображение с 670 до 2000 пикселей.Photoshop CC за эти годы действительно улучшился стремительно, и хотя это изображение определенно размыто по краям, а текст не такой резкий, вы все равно можете легко разобрать большую его часть.

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

Чтобы увеличить размер изображения до 10 процентов в Photoshop, выберите «Изображение »> «Размер изображения ».Затем — вместо настройки ширины и высоты по пикселям — выберите Percent . Наберите 110% и убедитесь, что Resampling: Bicubic Smoother все еще включен.

Вот как выглядит изображение, если увеличить его на 10 процентов:

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

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

Вы также можете использовать такое приложение, как Pixelmator или GIMP, для передискретизации изображения.Оба хороши и предложат аналогичный вариант. Если вам повезет, вы сможете выбрать алгоритм интерполяции (то есть метод «угадывания» компьютера) для масштабирования. Когда вы увеличиваете масштаб, вариант Bicubic Smoother будет хорошим вариантом.

Как использовать специальное приложение для увеличения изображения

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

Например, Sharper Scaling — это бесплатное приложение для Windows, которое обещает лучшее масштабирование, чем Photoshop.Результаты, опубликованные на его сайте, впечатляют. Это приложение делает одно и только одно — увеличивает размер изображения — но оно бесплатное, поэтому его определенно стоит скачать.

Бесплатные эквиваленты для macOS менее многочисленны, но это не значит, что у вас нет вариантов.Waifu2x — надежный онлайн-вариант. Waifu показал очень впечатляющие результаты при увеличении аниме-изображения и прояснении его, хотя это может быть немного непредсказуемо с фотографиями.

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

Даже не увеличивая изображение, чтобы сделать его ясным, вы, вероятно, увидите, что изображение из Waifu очень похоже на последнюю версию Photoshop.Использование сайтом глубоких сверточных нейронных сетей (что такое нейронные сети?) Делает его очень искусным в «угадывании», о котором мы упоминали ранее, и в результате получаются значительно более чистые увеличенные фотографии.

Однако, если Waifu вам не подходит, вы можете попробовать Online Image Enlarger, Simple Image Resizer или Rsizr.

Теперь вы можете увеличивать изображение без потери качества

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

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

Кредит изображения: фрактал-ан / Shutterstock

Эти 10 функций делают Edge более производительным, чем Chrome

Об авторе Шианн Эдельмайер (138 опубликованных статей)

Шианн имеет степень бакалавра дизайна и опыт работы в подкастинге.Сейчас она работает старшим писателем и 2D-иллюстратором. Она занимается творческими технологиями, развлечениями и производительностью для MakeUseOf.

Ещё от Shianne Edelmayer
Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

.

Как изменить размер изображения без потери качества

Узнайте, как изменить размер изображений без потери качества с помощью Shutterstock Editor. Также узнайте, как быстро преобразовать изображения в пиксели.

Изображение на обложке через Романа Самборского.

Каждое изображение имеет три основные функции, о которых вам нужно знать при загрузке в Интернет.

  • Размер файла , измеряется в байтах (килобайтах, мегабайтах и ​​т. Д.)
  • Размер , ширина x высота в любой единице измерения (пиксели для цифровых, дюймы или сантиметры для печати)
  • Разрешение , которое измеряется в точках на дюйм для печати (DPI) или пикселей на дюйм для цифровых (PPI)

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

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

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

Если это сбивает с толку, просто помните:

  • Больше пикселей на дюйм = лучшее разрешение
  • Меньше пикселей на дюйм = более низкое разрешение
Конвертировать дюймы в пиксели

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

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

Чтобы преобразовать пиксели в дюймы, разделите размеры в пикселях на разрешение.Например, изображение размером 1000 x 500 пикселей с разрешением 72 DPI имеет высоту 13,89 x 6,95 дюйма.

Чтобы узнать разрешение (DPI) изображения, вам нужно знать ширину как в пикселях, так и в дюймах. Разделите размеры в пикселях на размеры в дюймах. Например, изображение шириной 1000 пикселей и 13,89 дюйма будет иметь 72 точки на дюйм.

Чтобы преобразовать дюймы в пиксели, умножьте ширину изображения в дюймах на разрешение или DPI. Например, 13,89 дюйма при 72 пикселях на дюйм — это 1000 пикселей в ширину.

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

Можете ли вы изменить размер изображения на любой, какой хотите?

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

В цифровом изображении количество пикселей представлено DPI (или PPI) и размерами ширины x высоты. Например, изображение размером 2000 x 2000 пикселей с разрешением 72 DPI имеет всего 4 000 000 пикселей.Чтобы уменьшить изображение, скажем, 1000 x 1000 пикселей, я могу просто уменьшить его в размере, и он сохранит тот же уровень детализации, только в меньшем изображении.

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

Однако есть еще несколько способов увеличить изображение без потери всех деталей.

1. Сохранить детали 2.0

Это относительно новая функция Photoshop. Вы можете включить его, нажав Command + K , чтобы открыть окно «Настройки», а затем нажать «Предварительный просмотр технологий». Или щелкните Photoshop в верхней части экрана, наведите курсор на «Настройки» и выберите «Предварительный просмотр технологий».

Перед тем, как перейти к следующему шагу, убедитесь, что включен параметр «Включить сохранение подробностей 2.0».

2. Используйте Resample

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

Вы найдете опцию Resample во всплывающем окне Image Size. Установите флажок, чтобы включить Resample, и изучите параметры увеличения в верхней половине раскрывающегося меню рядом с ним. Photoshop настроен на автоматический режим, но для наших целей вам нужно выбрать Preserve Details 2.0.

Изображение цветочного поля от NumbernineRecord.

3. Снижение шума

После выбора «Сохранить детали 2.0» вы увидите ползунок «Подавление шума». Используйте предварительный просмотр в левой части окна, чтобы увидеть, как перемещение ползунка меняет изображение. При слишком низком перемещении изображение выглядит зернистым и пиксельным, а при слишком высоком — размытым. Отрегулируйте ползунок, пока не найдете значение, которое снижает шум, не размывая детали.

Как изменить размер изображения в Photoshop

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

1. Размер открытого изображения

Щелкните Image в верхнем левом углу окна Photoshop или удерживайте Command + Open и нажмите I .Эти шаги откроют окно размера изображения. Оказавшись там, вы найдете варианты изменения размеров и разрешения вашего изображения.

Изображение носорога, сделанное Stasinho12.

2. Изменить размеры изображения

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

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

  • Percent — позволяет выполнять быстрые вычисления в процентах
  • Pixels — установить конкретные размеры пикселей
  • дюймов — устанавливает PPI ​​(пикселей на дюйм)
  • Единицы линейных измерений прочие

Выберите единицу измерения, которая лучше всего подходит для вашего проекта.Если вы планируете поделиться изображением в цифровом виде, измените размер изображения, используя размеры в пикселях для того места, где вы будете публиковать (например, заголовок Facebook или профиль Twitter). Или, если вы печатаете свое изображение, подогнать его под размер окна изображения в программе макета, чтобы получить наилучшее разрешение.

3. Сохраните копию

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

Когда вы будете готовы к сохранению, нажмите Command + Shift + Plus , чтобы открыть окно Сохранить как , или щелкните меню «Файл» в левом верхнем углу и выберите Сохранить как . Рекомендуется сохранить отредактированное изображение как отдельную копию на тот случай, если вам понадобится оригинал для внесения изменений. Переименуйте копию с измененным размером и сохраните ее в новом месте. Вы даже можете создать новую папку для ваших правок, если вы изменяете размер пакета из нескольких изображений.

Как изменить размер изображения без Photoshop
1.Найдите или загрузите изображение в редактор

Перейдите в редактор Shutterstock и щелкните Начало работы .

Загрузите изображение в онлайн-редактор фотографий с помощью раскрывающегося меню «Файл». Или вы можете найти изображение в коллекции Shutterstock, щелкнув значок увеличительного стекла на левой панели инструментов. Введите ключевые слова и нажмите Enter / Return, чтобы увидеть результаты поиска.

Щелкните изображение, чтобы просмотреть его, затем нажмите Заменить фон , чтобы добавить его на холст.

2. Измените разрешение для вашей среды

В правой части экрана найдите Размер холста. Справа от него будет меню выбора единиц измерения.

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

Справа находится меню выбора разрешения.

  • Для веб-изображений выберите 72 DPI .
  • Для изображений печати с низким разрешением выберите 150 DPI .
  • Для печати изображений с высоким разрешением выберите 300 DPI .
3. Измените размер холста для вашей платформы

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

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

  • Размер изображения Facebook: 1200 x 1200 пикселей
  • Размер обложки Facebook: 1702 x 630 пикселей
  • Размер сообщения Instagram: 1080 x 1080 пикселей
  • Размер истории Instagram: 1080 x 1920 пикселей
  • Размер сообщения Twitter: 1024 x 512 пикселей
  • Размер сообщения Pinterest: 736 x 1128 пикселей

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


Редактор Shutterstock позволяет легко изменять размер изображения в пикселях или размер изображения в дюймах. Если вы хотите переключить единицы измерения, просто выберите новую единицу из раскрывающегося списка и посмотрите, как Редактор преобразует единицы измерения из одной в другую — никакой работы!
4. Отрегулируйте размер изображения

Щелкните и перетащите одну из синих точек по углам изображения, чтобы изменить ее размер по размеру холста.Пропорции остаются неизменными, поэтому вам не нужно беспокоиться об искажении изображения. Размер холста составляет 1200 x 700 пикселей, поэтому я уменьшаю изображение по сравнению с исходным размером.

5. Загрузите и сохраните

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

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

Примените код купона 202020 при оформлении заказа. Акция
заканчивается 9 ноября 2020 года.

Сэкономьте сегодня

Заинтересованы в улучшении своих знаний об изображениях и фотографиях? Прочтите эти важные статьи:

.

Решено: Как увеличить изображение без потери качества? — Сообщество поддержки Adobe

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

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

2) Photoshop теперь будет делать расчетные предположения о цветах пикселей, которые будут соседствовать с реальными пикселями в изображении, и создавать их, что неизбежно будет делать ошибки, которые проявляются как снижение резкости. Чтобы компенсировать это, сохраните увеличенное изображение как «Смарт-объект» или вы могли бы сделать это на шаге 1. Теперь продублируйте слой ctrl-J или cmd-J, установите режим наложения на «мягкий свет» и примените Фильтр высоких частот

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

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

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

Лучшие результаты могут быть получены с помощью сторонних плагинов, таких как Alien Skin Blow UP, поскольку они имеют более сложные алгоритмы увеличения, но этот метод работает очень хорошо

.

Photoshop пакетное действие сохранить для интернета и устройств



Я создал действие в Photoshop CS4. Это что-то вроде этого:

  1. Открыть Документ
  2. Изменение Размера Холста
  3. Сохранить для веб-устройств &
  4. Закрыть Документ

Теперь «сохранить для веб-устройств &» делает все хорошие вещи, включая сохранение его с определенным именем в определенную папку. Каким-то образом, когда я пытаюсь выполнить пакетное действие, я не могу сказать Photoshop NOT, чтобы использовать имя (и, вероятно, местоположение), как определено в разделе «сохранить для веб-устройств &». В результате Photoshop продолжает перезаписывать выходные предыдущие файлы в пакете, оставляя мне только преобразованное представление последнего файла в пакете.

Я попытался выбрать «переопределить сохранение как» checkbox в пакете, но это, похоже, не влияет на поведение части действия Save for Web & Devices.

Кто-нибудь может мне помочь?

action photoshop
Поделиться Источник Sjakelien     10 декабря 2009 в 10:59

15 ответов


7

Использование photoshop batch from bridge сохраняет имя файла при условии, что вы не изменили исходное имя файла при настройке действия «save for web» в Photoshop.

Поделиться Ben     23 ноября 2011 в 11:34


5

Я смог использовать пакет для «Save for web and devices», и сохраненные файлы сохранили свое первоначальное имя без необходимости в капле.

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

Фокус в том, чтобы записать действие. После нажатия кнопки «Save for web and devices» вы не сможете изменить имя файла при его сохранении. (Кроме того, я думаю, что неправильное нажатие при сохранении также может вызвать проблему)

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

Win7 64bit, CS5

Поделиться Sam Anthony     06 июня 2012 в 15:23


5

Проблема настолько проста, что теперь я не понимаю, почему так много постов. Adobe RULES.

Просто сделайте это:

Запись НОВОГО действия: Откройте любое изображение, а затем выберите меню формы СОХРАНИТЬ ДЛЯ ИНТЕРНЕТА И УСТРОЙСТВ (выберите нужные настройки и нажмите кнопку Сохранить).

Затем перейдите в панели действий и удалите первую часть действия Откройте файл и запустите пакет из меню Файл>Автоматизация>Пакет, и это все.

Поделиться canvas     05 сентября 2012 в 18:37

  • Photoshop скрипт скрыть и сохранить с именем уровня

    У меня есть файл Photoshop с примерно 200 уровнями, мне нужно сохранить для интернета каждый отдельный уровень с именем уровня, скрывающим другой levels…Is. Спасибо

  • Applescript для управления диалоговым окном Photoshop сохранить

    Как твои дела? Я создал автоматизацию applescript для сохранения файлов в .JPG, когда открыто диалоговое окно Сохранить. (Таким образом, я могу контролировать имя сохраненных файлов) Есть ли способ управлять диалоговым окном сохранения Photoshop? То, что я хочу сделать, это: при появлении…


1

вы могли бы подумать, что к настоящему времени adobe включил бы возможность легко паковать это. функция сохранить для Интернета уменьшает размер файла более чем на 50% в большинстве случаев, WTF adobe?

Поделиться robinberkshihiner     13 сентября 2010 в 18:08


1

У меня была та же проблема, однако я обнаружил, что в моем действии, когда я решил сохранить для Интернета с помощью команды быстрого доступа (CTRL+ALT+SHIFT+S), это не сработало, но если я использовал меню файл, то это сработало. Если это не сработает, поиграйте со своими действиями.

Шарлотка

Поделиться Charlotte     21 декабря 2009 в 23:08


1

Капля не работает для сжатия изображения для Интернета. Если вы сделаете сохранение для Web вручную, он сохранит его примерно на 30% размера при использовании той же пакетной команды в капле.

Поделиться skyle     07 июля 2011 в 13:46

Поделиться Alan     07 декабря 2011 в 04:14


1

Я решил эту проблему, изменив свои изображения с CMYK to RGB . Это уменьшило размеры изображений на 50%. Я не мог настроить это как пакетный процесс, мне приходилось делать это по одному, но это было быстрее, чем Сохранить для Интернета, хотя и не так эффективно.

Поделиться syg     01 ноября 2012 в 06:08


0

У меня была та же проблема, и мой «workaround» состоял в переключении диалогового экрана ON на «save for web» части действия, а также вручную нажать «save» и ввести имя файла, который я хотел.

Это не полностью автоматически, но действие работает 95% задания. Вам просто нужно быть там, чтобы нажать «save» и ввести имена файлов.

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

Я надеюсь, что они исправят это где-то до CS 11 🙂

Ваше здоровье!

GM.

Поделиться Unknown     14 декабря 2009 в 13:56


0

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

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

Определенно стоит попробовать.

Поделиться marothstein     29 июня 2011 в 14:48


0

Сякелин, я понимаю твою дилемму. Все ваши выводимые пакетные файлы перезаписываются на первое имя файла, указанное при выполнении действия. Таким образом, вместо 35 файлов вы получаете 1 файл, который был перезаписан 35 раз. Бесполезный.

Я попробовал это с файлом изображения под названием «T.LR5001.DI.3.jpg», и у меня возникла эта проблема.

Затем я попробовал это со следующим файлом изображения под названием » T.LR5002.jpg » с новым действием, и это сработало нормально. Вы можете видеть в пути (когда вы максимизируете процесс экспорта в рамках основного действия), что пункт назначения «In:» не содержит имя конечного файла, а скорее путь к папке, заканчивающийся обратной косой чертой. Это то, чего вы хотите достичь, и я думаю, что это как-то связано со структурой имен файлов. Возможно, речь идет о полной остановке (периоде).

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

Поделиться Oli     20 декабря 2012 в 10:17


0

Я столкнулся с подобной ситуацией. И нашел решение сам. Просто проверьте свое имя файла. Используйте допустимый символ и удалите цифры, которые появляются в начале имени файла. Удачи! Спасибо Джеману за подсказку.

Поделиться mije     12 февраля 2014 в 09:13


0

С большими фотографиями с высоким разрешением (первоначально, скажем, с 24-мегапиксельной камеры) простое использование «сохранить для Интернета» все равно не даст вам изображения, которое будет быстро загружаться удаленно через Интернет в браузер. Хитрость заключается в том, чтобы сделать три шага после того, как вы начнете записывать действие, дав ему соответствующее название.

  1. Откройте изображение в исходной папке
  2. Измените его размер — если в альбомной ориентации используется 1200 x 800 при 72dpi, если в портретной-800 x 1200 при 72 dpi или независимо от того, какой окончательный размер изображения должен быть на странице браузера. Бит 72 dpi действительно важен — его бессмысленно использовать с каким-либо более высоким разрешением, так как вы не видите разницы на мониторе!! Используйте бикубический алгоритм резкости. На этом шаге вы получите большое уменьшение размера файла.
  3. Заточите его — уменьшение размера выше уменьшит резкость и оставит его размытым — вы можете быть агрессивны с этим — по крайней мере, радиус 100 — 150%, 0.3 (попробуйте)
  4. Сохраните для Интернета и устройств (взяв с собой цветовой профиль sRGB), используя предустановку высокого или максимального качества. Вы можете проверить размер выходного изображения на этом экране и оценить время загрузки страницы.
  5. Закройте изображение без сохранения, если вы хотите сохранить исходное jpeg.

Теперь удалите шаг ‘file-open’ из действия в палитре действий — просто захватите его курсором и сбросьте в корзину в правом нижнем углу палитры. Первым шагом теперь должен быть шаг ‘Image Size’.

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

Поделиться Bruce     12 января 2015 в 21:08


0

Брюс, к сожалению, ваше понимание DPI неверно. Для использования на экране DPI не имеет абсолютно никакого отношения — он оказывает какое-либо влияние на изображение только при его физической печати. Вы правы, что не видите разницы на мониторе, но только потому, что 1200×800 px @ 72dpi и 1200×800 @ 300 dpi отображаются одинаково на мониторе, но, ссылаясь на DPI как на разрешение, вы путаете себя. DPI (точек на дюйм) относится только к тому, насколько плотно пиксели на изображении будут физически напечатаны, в то время как разрешение (1200×800 в вашем примере) описывает, сколько пикселей имеется. Это действительно распространенное недоразумение. Имея это в виду, ваше предложение выше изменить его размер, а затем заострить его перед использованием «Save for Web…» просто делает именно то, что «Сохранить для Web…» собирается (позволит вам) сделать в любом случае. Посмотрите на диалог «Save for web…», и вы не увидите никакой ссылки на dpi, но очень очевидную возможность установить разрешение так, как вы хотите.

Возвращаясь к исходному вопросу, во многих случаях (включая одно использование или «Save for Web….») я использую Autohotkey, чтобы обойти проблемы с пакетированием Adobe.

Поделиться Nigel Isted     15 января 2015 в 08:59


0

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

С уважением!

Бхарат Мудгал

Поделиться Bharat Mudgal     31 марта 2017 в 11:03

Похожие вопросы:


Linkedin: регистрация приложения как для интернета, так и для мобильных устройств

Мой проект имеет дело как с веб-приложением, так и с мобильным приложением. Поэтому, прежде чем мы сможем использовать Linkedin API в нашем проекте, нам нужно зарегистрировать наше приложение в…


Автоматизировать сохранение для iPhone изображений в Photoshop

У меня есть сценарий мечты, который я ищу, и мне интересно, не наткнулся ли кто-нибудь здесь на него Проблема: создание @2x и обычных PNG файлов для программного обеспечения iOS Правка: не нужно…


адаптация макета photoshop для интернета

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


Photoshop экспорт для интернета и устройств выходит пиксельным

Когда я экспортирую для интернета и устройств в photoshop CS5, он выходит пиксельным. Какие настройки нужно менять? У меня есть изображение моих настроек экспорта


Active admin-checkbox не делает пакетное действие включенным

Я устанавливаю gem ‘activeadmin’, github: ‘gregbell/active_admin’, branch: ‘rails4’ и это прекрасно работает, но.. Когда я нажимаю на checkbox для некоторых ресурсов, пакетное действие не меняется…


Photoshop скрипт скрыть и сохранить с именем уровня

У меня есть файл Photoshop с примерно 200 уровнями, мне нужно сохранить для интернета каждый отдельный уровень с именем уровня, скрывающим другой levels…Is. Спасибо


Applescript для управления диалоговым окном Photoshop сохранить

Как твои дела? Я создал автоматизацию applescript для сохранения файлов в .JPG, когда открыто диалоговое окно Сохранить. (Таким образом, я могу контролировать имя сохраненных файлов) Есть ли способ…


Photoshop пакетное действие CS5 работает только для первого файла

У меня есть папка с кучей PSDs, которую я хочу сохранить как PNGs. Я создал действие, чтобы открыть файл, сохранить его как PNG, а затем закрыть файл. Затем, когда я иду в файл > автоматизировать >…


Экспорт (сохранить как) jpg с использованием имени слоя в действии Photoshop

можно ли скопировать текущее имя активного слоя в Photoshop и использовать его в качестве имени файла для команды ‘Save As’ в действии Photoshop? Экспорт слоев в файлы не подходит, потому что я хочу…


Рекомендации по созданию гибридного приложения Java как для мобильных устройств, так и для Интернета

Нам нужно создать гибридное приложение Java как для мобильных устройств, так и для Интернета. Мы планируем использовать Spring MVC и React Native. Не могли бы вы посоветовать нам лучшие практики,…

Подготовка фотографии для Интернета

25 декабря 2019 в 17:01 — последнее обновление

Урок №2

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


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

Итак, сначала определяемся, какой размер будет у нашей фотографии.

Смотрим исходный размер. То есть, в меню Изображение, выбираете пункт Размер изображения.

Открывается окно Размер изображения

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

Вводим вместо 2048 (у вас скорее всего там другие цифры) 1024 в окошко «ширина», при этом в окошке «Высота» автоматически появится цифра 768 (потому, что перед фразой Сохранить пропорции стоит галочка)

Нажимаем кнопку «ОК» — теперь у Вашей фотографии нужный размер!
Кстати, если вы на первом уроке кадрировали снимок до нужного размера, то этот абзац можете пропустить.

Примечание: Если исходный размер снимка меньше, чем 1024х768, то увеличивать его не стоит. Он, конечно, растянется до требуемого размера, но качество изображения ухудшится. Поэтому, если фотография и не закрывает весь экран — то пусть радует глаз красотой а не размерами. Ведь еще Ленин говорил по этому поводу: «Лучше меньше — да лучше!»

С размерами определились, переходим непосредственно к сохранению.

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

В меню Файл, выбираете пункт Сохранить для Web.

Открывается диалоговое окно Save For Web

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

Вы спросите: какие параметры устанавливать?

Во-первых, в окошке 2 выберите формат GIF или JPEG.

Формат GIF поддерживает не больше 256 цветов и подойдет только для сохранения рисунков и чертежей (рисунки 6-8 на этой странице сохранены в формате GIF с поддержкой 64 цветов, поэтому весят по 7-11 кб — мелочь, а приятно!)

Конечно, красивую фотографию в этом формате не сохранишь, поэтому выбираем формат JPEG.

В окошке 3 выбираем качество фотографии: низкое, среднее, высокое, максимальное. Вы скажете: конечно максимальное?

Да, если бы речь шла о сохранении на винчестер, то так бы оно и было. Но Вы же собираетесь эти фотографии размещать в Интернете для скачивания почитателями Вашего таланта! А кто любит долго ждать открытия страницы? Вот именно, никто!

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

А вы можете поэкспериментировать. Меняя значения, вы будете видеть, как у вас на глазах меняется качество правого снимка. Кроме того, под правым снимком увидите, как меняется размер К (в килобайтах) снимка, в зависимости от качества.

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

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

Всё, снимок готов!

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

Перейти к другим урокам по фотошопу:

  1. Кадрирование фотографии.
  2. Тоновая коррекция изображения
  3. Маскировка некоторых дефектов на фото с помощью Заплатки
  4. Удаление «эффекта красных глаз» с помощью Photoshop
  5. Подготовка фотографии к печати

Сохранить для веб-ошибки в Adobe Photoshop » ✅

  • Как веб-дизайнеры, так и графические дизайнеры должны создавать готовые веб-изображения и GIFS для своих веб-сайтов или баннерной рекламы.
  • Adobe Photoshop – один из лучших редакторов растровой графики, который вы можете найти. Несмотря на это, их огромная глобальная клиентская база часто жалуется на ошибку Save for website, которую они получают.
  • Если и эта проблема вас беспокоит, немедленно установите последнюю версию Adobe Photoshop. Не бойтесь: процедура совершенно очевидна.
  • Если у вас возникли аналогичные проблемы, ознакомьтесь с нашими решениями по устранению неполадок Adobe. Hub Для получения конкретных инструкций вам может понадобиться подать заявку.

Вы беспокоитесь о том, что в Adobe Photoshop появляется надоедливая ошибка Сохранить для веб-сайта? Многие другие пользователи описывают, как создать новый анимированный GIF из фильма в After Effects или других инструментах.

Все шло хорошо, пока я не открыл его в Photoshop, чтобы исправить некоторые вещи. Проще говоря, они не смогли выполнить действие Сохранить для Интернета, когда столкнулись с вышеупомянутой ошибкой.

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

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

Как я могу исправить ошибку «Сохранить для Интернета» в Adobe Photoshop?

1. Установите последнюю версию Adobe Photoshop

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

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

⇒ Скачать Adobe Photoshop бесплатно

2. Сброс настроек Photoshop

Если вы опасаетесь, что установка последней версии Adobe Photoshop является медленной процедурой, попробуйте сбросить настройки.

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

Ошибка «Сохранить в Интернете» может быть признаком поврежденных настроек, поэтому нажмите и удерживайте Alt + Control + Shift сочетание клавиш при запуске Photoshop. Вам сразу же будет предложено удалить текущую конфигурацию.

Наконец, новые файлы настроек будут созданы при следующем запуске Photoshop.

3. Перезапустите Photoshop.

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

Вы также можете попробовать этот хитрый трюк. Тем не менее, обратите внимание, что выполнение двух GIFS подряд даст вам ту же ошибку Сохранить для веб-ошибки со второй попытки.

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

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

Часто задаваемые вопросы: узнайте больше о Adobe Save for web

  • Что делает Save for web?

«Сохранить для Интернета» – это одна из многих функций Adobe Photoshop, которая позволяет готовить файлы JPEG для Интернета. Кроме того, он сохраняет файлы PNG, GIF и BMP.

  • Как исправить ошибку Adobe Save for web?

Установка последней версии Adobe Photoshop и сброс настроек являются подтвержденными решениями для ошибки Adobe Save for web, с которой вы столкнулись в настоящее время.

  • Почему Photoshop не позволяет мне сохранять в Интернете?

Эта ошибка обычно возникает по одной из следующих причин: Вы используете устаревшую версию Photoshop или ваши настройки были повреждены.

WebP формат изображений для веб, плагин для Photoshop, конвертер

WEBGROUPCO

WebP — формат изображений для веб, плагин для Photoshop, конвертер

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

Компания Google выпустила новый формат графических файлов для веб-страниц под расширением (*.webp). Этот формат сжимает изображения на 50-70% больше чем перечисленные выше форматы, и при это качество графики не страдает. Этот формат предлагает современное решение для разработчиков сайтов, так как страницы будут загружаться быстрее без ущерба качества графики.

Хочется отметить что формат «webp» поддерживает прозрачность как и PNG, так что это новая альтернатива для веб-дизайнеров.

Сравнение формата WebP c JPG, PNG и GIF

Формат JPG (49.086 кб)
 Формат PNG (70.960 кб)
Формат GIF (36.519 кб)
 Формат WebP (37.054 кб)

Установка плагина WebP для Photoshop

Скачиваем плагин подходящей версии (32 bit) или (64 bit).

Копируем папку с файлами в C:\Program Files\Adobe\Ваша версия Photoshop\Plug-ins

Затем открываем Photoshop, загружаем файл и выбираем: Файл > Сохранить как. В типах файла выбираем формат (WebP), далее устанавливаем нужные настройки и нажимаем сохранить.

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

Поддержка формата WebP браузерами

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

Поддержка формата WebP для отображения в среде Windows

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

Фото для вэб — Lightroom и Photoshop

Андрей Мишаченко: а как вы сохраняете в ЛР? вот в ФШ есть хороший режим-для web, а тут есть нечто подобное? или просто регулируется качеством?

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

Вернемся к короткому диалогу с Андреем.

Геннадий Кондратьев: В LR можно устанавливать любые параметры при экспорте в джипег, в том числе и осмысленные для вэб. Я обычно делаю такие параметры: Resize to fit: Long Edge 800-1000 pixels в зависимости от потребностей Resojution: 72 pixels per inch Sharpen For: Sreen Amount: Standart …

Андрей Мишаченко: я сравниваю-при одинаковых условиях экспрта фотографии с ресайзом до 900 допустим, ФШ по всем параметрам бьет ЛР при сохранении для «web и устройств»…поэтому. однозначно, нужно сохранять в ФШ…

Мой личный опыт говорит немного другое — ФШ не делает фотографии для вэб лучше. Ну а если принять во внимание, что «Save for web…» в Photoshop работает только с одним изображением , а в Lightroom можно сразу сохранить хоть тысячу… Да еще и для вэб очень желательно делать дополнительный шарпинг оригинала перед сохранением, так как резкость в таких размерах фото падает довольно сильно, и в ЛР это делается одной галочкой, а в ФШ значительно сложнее…

А давайте действительно сравним, тем более сделать это просто — ведь блог мы все смотрим именно в вэбе…))

Вот скриншоты двух установок сохранения одного и того же tiff-файла из Lightroom 3 и Photoshop CS5. Фотографию я выбрал такую, чтобы и насыщенный цвет был, и мелкие детали, и градиентные переходы…

Должен сразу сказать, что у меня сейчас временно стоит не мой компьютер, поэтому никаких пресетов экспорта в LR тут нет и PS русский…

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

Photoshop CS5

И вот результат (для начала я хотел вообще не говорить, что и откуда — но потом передумал, не хочется заниматься гаданием, просто посмотрите, что получается):

Lightroom 3

Photoshop CS5

Сравнивать можно во всплывающем окне просмотра фотографии, наживая слева и справа на PREV и NEXT. Как ваше мнение? Кто тут кого «бьет» и по каким параметрам?

———————
В комментариях прозвучало мнение, что при уменьшении качества для получения размера в районе 250Кб джипег из Lightroom становится неудобоваримым. Поставил в Export Лайтрума галочку напротив Limit File Size To, значение 250К и получил размер файла 238Кб вместо 383Кб варианта из Lightroom выше. Мое мнение — результат все равно на хорошем уровне:

А если еще Sharpen For поставить в Satandart, как это и нужно для вэб-сохранения, то вообще хорошо получается:

Я остался при своем мнении — а вы?

Как использовать Photoshop «Сохранить для Интернета»

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

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

Инструкции в этой статье относятся к Photoshop 5.5 и более поздних версий. Команды и параметры меню могут отличаться в зависимости от версии.

Что делает графику готовой к работе в Интернете?

Большинство веб-графики имеют общие характеристики:

  • Разрешение 72 dpi.
  • Цветовой режим — RGB.
  • Файлы уменьшены в размере для более быстрой загрузки веб-страниц.

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

Сохранить для Интернета — это не такой инструмент, как Marquee, Move или Magnetic Lasso.Это способ экспортировать необработанный файл в формат, который могут легко использовать другие люди. Вот как его использовать для оптимизации изображений.

  1. Откройте изображение, которое хотите сохранить, в Photoshop.

  2. Выберите Image > Image Size . Или нажмите Alt / Option + Command + I на клавиатуре.

  3. В поле Ширина введите новую ширину, выберите пикселей , затем выберите ОК .

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

  4. Выберите Файл > Сохранить для Интернета и устройств . Или используйте сочетание клавиш: Alt / Option + Command + Shift + S .

    В других версиях Photoshop путь: Файл > Экспорт > Сохранить для Интернета . Элемент может называться «Сохранить для Интернета» или «Сохранить для Интернета и устройств».

  5. В окне Save for Web перейдите на вкладки Original , Optimized , 2-Up и 4-Up .Эти вкладки позволяют переключаться между просмотром исходной фотографии, оптимизированной фотографии с примененными к ней настройками «Сохранить для Интернета» или сравнением двух или четырех версий фотографии.

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

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

    Найдите золотую середину между размером файла и качеством. Качество от 40 до 60 — хороший диапазон. Используйте предустановленные уровни качества (например, JPEG Medium), чтобы сэкономить время.

  7. При необходимости измените тип файла на JPEG, GIF, PNG-8, PNG-24 или WBMP.

  8. При необходимости измените размер изображения. Введите ширину или высоту или масштабируйте ее в процентах.

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

  9. Значения под предварительным просмотром изображения отображают тип файла, размер и время, необходимое для открытия изображения на веб-сайте. Эти числа обновляются по мере внесения изменений.

  10. Когда фотография вас удовлетворит, выберите Сохранить .

  11. Введите имя фотографии и нажмите Сохранить .

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

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

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

Куда делось «Сохранить для Интернета» в Adobe Photoshop?

Сохранить для Интернета в Adobe Photoshop CC 2015 было перемещено в меню из «Файл» -> «Сохранить для Интернета» в «Файл» -> «Экспорт» -> «Сохранить для Интернета (устаревшая версия)».

Куда это делось?

Он перемещен из:

Файл -> Сохранить для Интернета

в:

Файл -> Экспорт -> Сохранить для Интернета (устаревший)

Из уст лошади

Вот официальное уведомление от Adobe об этом: «Сохранить для Интернета в Photoshop CC 2015».

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

Я не очень люблю меню и использую несколько неудобное сочетание клавиш Cmd + Option + Shift + C, поэтому я даже не заметил изменений.Моя жена, с другой стороны, использует меню, а не сочетания клавиш, и этот дополнительный шаг по меню делает текущий рабочий процесс намного более неудобным.

Решение 1. Используйте сочетания клавиш

Первое решение для ускорения работы — использование сочетаний клавиш. Cmd + Option + Shift + C используется по умолчанию, но вы всегда можете изменить сочетания клавиш в меню «Правка» -> «Сочетания клавиш». Я лично предпочитаю избегать изменения сочетаний клавиш, чтобы привыкнуть к ним на случай, если мне понадобится для чего-то использовать чужой компьютер.

Решение 2: установите надстройку «Помощник по экспорту» на

Ага, спасите себя от навигации по меню / с помощью неудобной комбинации клавиш, установив надстройку… имейте в виду, как только вы активируете панель, у вас теперь есть один щелчок экономия.

Перейдите на страницу Photoshop Export Helper, чтобы установить его.

Вам необходимо включить синхронизацию файлов Creative Cloud, и программа загрузит их автоматически. Перезапустите Photoshop, и он будет в Window -> Extensions. Когда вы щелкнете по нему, панель появится, но вам, вероятно, придется перетащить ее на другую группу панелей, иначе я обнаружил, что она имеет тенденцию исчезать или быть скрытой или что-то в этом роде.

Чтобы убедиться, что синхронизация файлов Creative Cloud включена, перейдите в Creative Cloud, щелкните шестеренку, выберите «Настройки», затем «Creative Cloud», затем «Файлы», и функция синхронизации будет там. На скриншотах ниже показано, как это сделать на Mac; извините, я не могу помочь с Windows.

Оптимизация изображений для Интернета: пошаговое практическое руководство

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

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

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

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

Готовы оптимизировать изображения?

Параметры типа файла изображения

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

Работа с JPG

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

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

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

Работа с PNG

PNG — еще один популярный формат файлов в Интернете. В Adobe Photoshop у вас будет возможность сохранять PNG как PNG-8 или PNG-24.

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

Самое главное, PNG могут обрабатывать прозрачность.Это одно из самых больших различий между PNG и JPEG.

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

Работа с GIF GIF-файлы

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

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

Правильное сохранение изображений

Как и следовало ожидать, загрузка больших изображений занимает больше времени. Когда мы говорим «большой», мы имеем в виду размер файла, а не размеры изображения, т.е.е. значение в КБ, МБ, ГБ и т. д. Поскольку 47% пользователей ожидают, что веб-страница загрузится менее чем за 2 секунды, а 40% покинут страницу, загрузка которой занимает более 3 секунд, важно, чтобы ваши изображения были достаточно маленькими. для обеспечения быстрого сайта.

Чтобы правильно оптимизировать изображения для своего интернет-магазина, вы можете сделать три вещи:

Сохраните правильные размеры

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

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

Можно уменьшить размер файла без значительного снижения качества изображений. Наш любимый метод уменьшения размера файла без значительного снижения качества изображения — это использование функции Photoshop «Сохранить для Интернета». Откройте изображение в Photoshop и выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)…». Появится окно, в котором вы сможете выбрать качество экспорта. Мы обнаружили, что качество 60 работает лучше всего, потому что при этом размер файла уменьшается до менее мегабайта, и нет заметной разницы в качестве.

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

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

Приложения и службы сжатия изображений

Сохранение изображения для Интернета: пошаговый пример

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

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

Но… размер файла ОГРОМНЫЙ! 14,6 МБ, если быть точным. А размеры фото — 5184 × 3456 пикселей. Сейчас это совершенно непригодно для использования. Буквально он достаточно большой, чтобы напечатать плакат размером с фильм. При размере 14,6 МБ загрузка этого изображения на компьютер посетителя займет много времени. Это нехорошо.

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

Помните, мы собираемся сделать три вещи с изображением.

  • Уменьшить размер изображения: Это размеры фотографии
  • Правильное сохранение изображения для уменьшения размера файла: Это размер файла и сколько места он занимает на жестком диске вашего компьютера и / или на вашем веб-сервере.
  • Сжать файл изображения: Чтобы избавиться от дополнительных скрытых данных, занимающих место
Уменьшить размер изображения

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

  • Уменьшите размер изображения перед сохранением
  • Уменьшить размер изображения при сохранении изображения
  • Сохраните изображение, затем уменьшите его размер

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

Чтобы выяснить, какой размер, мы посмотрели на рекомендуемый размер изображения главной страницы темы. Это было 1600 x 800 пикселей (помните, что оригинал был 5184 x 3456 пикселей).

В Photoshop выберите «Изображение»> «Размер изображения».

Хорошо, мы уменьшили размер (размеры) изображения до более подходящего и рекомендованного разработчиком темы.

Правильное сохранение изображения (Сохранить для Интернета)

В Photoshop есть специальная команда под названием «Сохранить для Интернета», которая оптимизирует файл изображения для отображения в Интернете. Это важно, поскольку обычная команда «Сохранить» может привести к созданию файлов размером в 2-3 раза больше, чем команда «Сохранить для Интернета».

В поле «Сохранить для Интернета» нам нужно сделать несколько вариантов.

  • Тип изображения: Тип файла влияет на качество и размер выходного файла
  • Качество изображения: Это важно и может сильно повлиять на окончательный размер файла.
  • Размеры: Мы уже сделали это на первом этапе, поэтому нет необходимости делать это снова, но если бы мы не сделали этого на первом этапе, мы могли бы просто изменить размеры изображения здесь

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

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

  • Максимум: 1,38 МБ
  • Очень высокий: 611 КБ
  • Высокий: 339 КБ
  • Средний: 152 КБ
  • Низкий: 86k

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

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

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

СОВЕТ ПРОФЕССИОНАЛА: Как правило, мы хотим, чтобы фотографии наших продуктов были не более 80–150 КБ, а для больших изображений главной страницы — не более 250–350 КБ. Это хорошие контрольные цифры, к которым вы тоже должны стремиться.

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

Если вы использовали Adobe Photoshop, он уже проделал действительно большую работу по уменьшению размера изображения, однако вы все равно можете сократить еще 5-10% размера изображения с помощью приложения для сжатия, такого как ImageOptim и / или ShortPixel.

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

Перетащив каждый файл из предыдущего шага в ImageOptim, мы смогли еще больше уменьшить размер изображения еще на 5%. Небольшие, но опять же, они уже были оптимизированы с помощью Photoshop. В любом случае, каждый килобайт на счету.

Заключение

Напомним, наша фотография была безумно огромной, когда мы начинали, однако с помощью нескольких простых шагов мы уменьшили размер фотографии с 5184 × 3456 до 1600 x 800, чтобы она идеально подходила для нашей домашней страницы и, в то же время, взял с компа-грохот 14.4 МБ, до гораздо более разумных 336 КБ.

Сохранение изображений для Интернета — важный шаг, который нужно выучить на ранней стадии и неукоснительно применять. Даже если вы сэкономите всего 10-20% на каждом изображении, со временем, по мере роста вашего магазина и веб-сайта, каждый маленький КБ может дать значительную экономию, которая приведет к гораздо более приятным впечатлениям в целом для ваших посетителей, клиентов и Google.

Как оптимизировать изображения для Интернета: видеообзор

Эффективное сохранение и экспорт файлов Photoshop

Сохранение, экспорт, создание… Photoshop предоставляет множество способов сохранения файлов.Как вы выполняете свою работу наиболее эффективно и результативно?

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

Нужно ли сохранять слои?

Если вам необходимо сохранить слои Photoshop в доставляемом файле, выберите «Файл»> «Сохранить как», а затем выберите «Photoshop» во всплывающем меню «Формат».Сохранение слоев позволяет редактировать компоненты документа Photoshop, такие как корректирующий слой, символы в текстовом слое или эффекты, примененные к слою. Это также важно для приложений, которые могут управлять слоями Photoshop. Например, вы можете использовать Adobe InDesign для управления тем, какие слои документа Photoshop будут видны в макете страницы, и вы можете использовать Adobe After Effects для независимой анимации слоев Photoshop в композиции видео.

Параметры формата в диалоговом окне «Сохранить как» в Photoshop

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

Больше после прыжка! Продолжайте читать ниже ↓
Члены бесплатной и премиальной версии видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Документ отправляется в печать?

Если вы готовите документ Photoshop к печати, вы, вероятно, найдете нужный формат в диалоговом окне «Сохранить как». Всплывающее меню «Формат» в диалоговом окне «Сохранить как» содержит форматы файлов Photoshop и TIFF, обычно используемые для допечатной подготовки, а также менее часто используемые форматы файлов Photoshop EPS и Photoshop DCS.

Формат Photoshop PDF в диалоговом окне «Сохранить как» предоставляет предустановки PDF / X, которые вы можете выбрать, если вам нужно привести документ Photoshop в соответствие со стандартом PDF / X.

Это документ для веб-страницы или мобильного устройства?

Многие пользователи изучают только один или два из множества способов получить веб-графику и мобильную графику из Photoshop. Знание полного набора опций может помочь вам решить больше задач с веб-графикой.

Сравнение экспорта как и сохранения для Интернета (устаревшая версия)

Adobe рекомендует диалоговое окно «Экспортировать как» (выберите «Файл»> «Экспортировать как») в качестве первого варианта для большинства веб-графики.Вы можете использовать «Экспорт как» для создания копии документа Photoshop в формате PNG, JPEG, GIF или SVG.

«Экспортировать как» — это новый способ сохранения веб-графики из Photoshop.

Давние пользователи Photoshop могут быть более знакомы с диалоговым окном, которое теперь называется «Сохранить для Интернета (устаревшая версия)» (выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)»).

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

«Экспорт как» и «Сохранить для Интернета» (устаревшая версия) имеют много общего.Экспорт как основан на новом коде, который может обрабатывать большие документы. Он может экспортировать несколько разрешений, если вам нужно предоставить веб-разработчику стандартные разрешения и разрешения устройств HiDPI / Retina (например, масштабные коэффициенты 1x, 2x и 3x). Но «Сохранить для Интернета» (устаревшая версия) дает вам больше контроля над сжатием, предварительным просмотром и метаданными. А «Сохранить для Интернета» (устаревшая версия) может экспортировать временную шкалу видео Photoshop в виде анимированного файла GIF.

Команда «Быстрый экспорт» (выберите слои и выберите «Файл»> «Экспорт»> «Быстрый экспорт») похожа на экспресс-версию команды «Экспортировать как», поскольку вам не нужно останавливаться на диалоговом окне каждый раз, когда вы ее используете.Вместо этого вы настраиваете быстрый экспорт, выбирая «Файл»> «Экспорт»> «Настройки экспорта». Когда вы выбираете «Быстрый экспорт», выполняется мгновенный экспорт с использованием установленных вами настроек. Быстрый экспорт удобен, если вы несколько раз экспортируете с использованием одних и тех же настроек.

Понимание двух видов экспорта как

«Экспортировать как» также доступен в меню «Слой» и отличается от «Экспортировать как» в меню «Файл». Ключ к различию в том, где доступна каждая команда:

  • Выберите «Файл»> «Экспорт»> «Экспортировать как», чтобы сохранить копию всего документа в виде одного файла.
  • Выберите «Слой»> «Экспортировать как», чтобы сохранить выбранные слои или группы слоев в виде отдельных файлов. Обычно веб-графику и мобильную графику создают с кнопками, изображениями и другими компонентами на отдельных слоях, поэтому веб-разработчики и мобильные разработчики могут запрашивать эти слои как отдельные файлы. Быстрый экспорт также доступен в меню «Слой» для экспорта выбранных слоев или групп слоев.

Команда «Слой»> «Экспортировать как» также доступна в меню панели «Слои».

Автоматизация экспорта в Интернет с помощью генератора

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

 728 x 90 banner.jpg80%

… он будет экспортирован как файл 728 x 90 пикселей с именем banner.jpg в формате JPEG с уровнем качества 80%.

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

Генератор обладает мощным синтаксисом. Например, если вы назовете слой или группу слоев…

 100 x 100 logo1.png, 200 x 200 logo2.png, 300 x 300 logo3.png

… Генератор экспортирует три файла разного размера.

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

Если вы хотите использовать «Генератор», откройте диалоговое окно «Настройки Photoshop» и на панели «Плагины» убедитесь, что выбран параметр «Включить генератор». Затем выберите «Файл»> «Создать»> «Активы изображения» и убедитесь, что эта команда включена.Дополнительные сведения об использовании и синтаксисе см. В разделе справки Adobe «Создание активов изображения из слоев».

Варианты GIF и JPEG, которые могут вам не понадобиться

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

  • (Сохранить как) CompuServe GIF. Другой способ экспорта в формате GIF — это выбрать «Файл»> «Сохранить как» и выбрать CompuServe GIF во всплывающем меню «Формат». Но это более старый метод, который вам может никогда не понадобиться, если параметры в диалоговых окнах «Экспорт как» или «Сохранить для Интернета (устаревшая версия)» соответствуют вашим требованиям.
  • (Сохранить как) JPEG. Параметр формата JPEG в диалоговом окне «Сохранить как» может быть полезен, если вы хотите сохранить файл в формате JPEG, предназначенный только для печати или не загружаемый на веб-страницу. Параметр JPEG в диалоговом окне «Сохранить как» обычно создает файлы большего размера, чем параметр JPEG в диалоговых окнах «Экспорт как» или «Сохранить как» (устаревшая версия), поскольку версия «Сохранить как» включает больше метаданных, таких как разрешение (ppi).
  • Zoomify. Если вы делаете покупки в Интернете, вы видели похожие приемы: Zoomify позволяет увеличивать изображение внутри прямоугольника определенного размера, так что увеличение не распространяется на всю веб-страницу.Для этого требуется не просто изображение, но и сопроводительный HTML-код. Это нормально, если вы пишете свою собственную веб-страницу. Однако Zoomify может оказаться непрактичным, если вы публикуете изображение в социальных сетях или в конструкторе веб-сайтов на основе шаблонов.

Вам нужен файл PDF?

Вы можете быть удивлены, узнав, сколькими способами можно преобразовать документ Photoshop в файл PDF. Для создания:

  • Одностраничный PDF-файл. Выберите «Файл»> «Сохранить как» и выберите Photoshop PDF.При нажатии кнопки «Сохранить» открывается диалоговое окно «Сохранить Adobe PDF». Вы можете выбрать один из тех же пресетов Adobe PDF, что и другие приложения Adobe.

    При выборе формата Photoshop PDF открывается диалоговое окно «Сохранить Adobe PDF», которое также имеется в других приложениях Adobe.

  • Артборды в многостраничном PDF-файле. Выберите «Файл»> «Экспорт»> «Монтажные области в PDF», чтобы каждый мог просматривать созданные вами монтажные области, например дизайн веб-сайта.
  • Композиции слоев в многостраничном PDF-файле. Выберите «Файл»> «Экспорт»> «Компоновка слоев в PDF», чтобы каждый мог просматривать варианты документа, созданные с помощью панели «Компоновки слоев».
  • Слайд-шоу из нескольких изображений. Выберите «Файл»> «Автоматизировать»> «PDF-презентация», чтобы создать многостраничный PDF-файл из выбранных файлов. Затем вы можете выбрать «Многостраничный документ» или «Презентация» (самозапускающееся полноэкранное слайд-шоу при открытии в Acrobat).

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

Как указать разрешение в Photoshop сохранить для Интернета — Hocking Design Ltd.

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

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

Ниже приведено письменное руководство о том, как указать разрешение с помощью Photoshop «Сохранить для Интернета»

Щелкните здесь, чтобы просмотреть видео-руководство.

Укажите разрешение с помощью Photoshop «Сохранить для Интернета»

ШАГ 1
Открыв файл в Photoshop, выберите «Файл», а затем «Экспорт».

В меню выберите «Сохранить для Интернета (устаревшая версия)…»

STEP 2
Если в меню справа вы видите «Метаданные» и «Нет», выбранные из раскрывающегося меню…

… и вы сохраняете этот файл.Photoshop автоматически изменит разрешение на 72 точки на дюйм.

ШАГ 3
Чтобы этого избежать, установите разрешение с помощью «Сохранить для Интернета (устаревшая версия)…»:

(мне нравится выбирать «Use Document Profile» рядом с Preview)
В раскрывающемся списке рядом с Metadata вам нужно выбрать «All»

Теперь, когда вы проверите разрешение этого файла, вы увидите, что Photoshop встроил ваше разрешение. В данном случае 96 точек на дюйм.

ШАГ 4
Это больше просто дополнительный совет от меня. Я создаю много веб-баннеров и обнаруживаю, что даже если я установил размер изображения и выбрал «Все» рядом с «Метаданными», иногда Photoshop все равно экспортирует другой разрешающая способность.Это похоже на истерику, поэтому проверьте свои файлы, а когда это произойдет — перезапустите Photoshop 🙂

Как указать разрешение с помощью Photoshop «Сохранить для Интернета» (CC) — Видеогид

Для просмотра в полноэкранном режиме и подписки на наш канал YouTube щелкните здесь.

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

Как исправить ошибку Adobe Save for Web в Photoshop

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

Adobe Save for Web Ошибка

Форматы, известные как веб-форматы, не указаны в диалоговом окне «Сохранить» для файла Photoshop.Вместо этого вам нужно открыть диалоговое окно «Сохранить для Интернета». Он похоронен под опцией «Экспорт» и является устаревшей опцией, которую до сих пор используют многие пользователи. Вы можете быстрее добраться до него с помощью сочетания клавиш Ctrl + Alt + Shift + S.

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

Ищете альтернативу Photoshop? Попробуйте эти.

ИСПРАВЛЕНИЕ

: ошибка сохранения для Интернета (Photoshop)

1. Сохранить как JPEG / PNG

Если вы используете более новую версию Photoshop, вам не нужно использовать параметр «Сохранить для Интернета».Это устарело. Вместо этого вы можете использовать опцию Сохранить как.

  1. Откройте файл Photoshop.
  2. Перейдите в Файл> Сохранить как.
  3. Откройте «Сохранить как тип» раскрывающийся список и выберите JPEG.
  4. Щелкните Сохранить.

2. Сбросить настройки Photoshop

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

  1. Закройте Photoshop.
  2. Нажмите и удерживайте сочетание клавиш Alt + Control + Shift и откройте Photoshop.
  3. Photoshop откроется со сбросом настроек .

3. Перезапустите Photoshop с новым рабочим диском

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

  1. Закройте файл Photoshop.
  2. Нажмите и удерживайте Ctrl + Alt и откройте Photoshop.
  3. Используйте опцию Файл> Открыть , чтобы открыть файл , который вы хотите сохранить.
  4. Коснитесь опции Ctrl + Alt + Shift + S, чтобы сохранить файл как веб-изображение.

Заключение

Параметр «Сохранить как Интернет» более или менее подходит к концу. Вы можете легко сохранить файл PSD как PNG, JPG, GIF и т. Д. И встроить цветовой профиль в процесс.Размер файла нельзя изменить, если он сохранен в другом формате, поэтому он не является точной копией функции. Определенно отсутствуют некоторые параметры, и вам нужно будет отредактировать файл после того, как он был сохранен или ранее.

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

Перед сохранением

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

Режим изображения

Чтобы проверить режим изображения в Photoshop, перейдите в Image> Mode . Проще говоря, если вы планируете использовать свои изображения для Интернета, ваше изображение должно быть в режиме RGB . Если вы планируете печатать документ на бумаге, ваше изображение должно быть в режиме CMYK . Установка режима изображения для предполагаемого конечного использования вашего изображения поможет гарантировать, что цвета вашего изображения будут отображаться с максимальной цветопередачей.

Разрешение изображения

Чтобы настроить разрешение изображения в Photoshop, выберите Изображение> Размер изображения . Помимо настройки изображения на желаемый размер, вы также должны убедиться, что разрешение подходит для его окончательного вывода (который в данном случае находится в Интернете). Как правило, качество изображений, сохраняемых для Интернета, составляет 72 пикселя на дюйм. Все, что больше или меньше этого, сделает изображение слишком большим или некачественным. Вы также можете настроить размер изображения в окне «Сохранить для Интернета» в Photoshop (см. Ниже).

Окно «Сохранить для Интернета» в Photoshop

Когда вы будете готовы сохранить изображения для Интернета в Photoshop CC, выберите «Файл »> «Экспорт»> «Сохранить для Интернета» (устаревшая версия). Откроется окно «Сохранить для Интернета». Понимание различных типов файлов, в которые вы можете сохранять изображения, значительно приблизит вас к сохранению высококачественных изображений для Интернета. Чтобы упростить задачу, я собираюсь просмотреть все типы файлов, в которые вы можете сохранять изображения (и рекомендации для каждого из них), в таблице ниже:

Формат файла Плюсы Минусы
JPG может отображать миллионы цветов, лучше всего использовать для красочных фотографий не поддерживает качество прозрачности уменьшается каждый раз при открытии файла (сжатие с потерями) нет подходит для значков и логотипов
PNG-8 256 цветов поддерживают прозрачность, используемую для значков и логотипов с небольшим количеством цветов, аналогичных GIF, меньший размер файла, чем сжатие без потерь GIF (файл большего размера, чем JPEG) большой размер файла для сложных изображений (фотографии)
PNG-24 24-битный цвет поддерживает прозрачность, используемую для значков и логотипов с множеством цветов, аналогичных сжатию без потерь JPEG (при каждом открытии файла качество не меняется) размер файла больше, чем Большой размер файла JPEG для сложных изображений (фотографий)
GIF Сжатие без потерь 256 цветов, лучше всего использовать для небольших микросхем с небольшим количеством цветов, которые лучше всего использовать для простых графических изображений, поддерживает прозрачность, поддерживает небольшие анимации размер файла больше, чем в формате PNG

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

Качество изображения и размер изображения

После того, как вы выбрали файл изображения, в котором хотите сохранить изображение, теперь вы можете выбрать различные параметры качества изображения, уникальные для каждого типа файла.Выбор качества изображения JPEG довольно прост. Для получения изображения наивысшего качества выберите «Максимум» или установите «Качество» на 100. Для изображений PNG и , как указано в таблице выше, чем больше цветов вы выберете (до 256), тем более высокое качество будет изображение будет. Наконец, при сохранении изображения GIF , аналогичного PNG, чем больше цветов вы выберете, тем выше качество изображения. Просто имейте в виду, что чем больше цветов вы выберете для изображения, тем больше будет размер файла.Чем меньше цветов вы выберете, тем меньше размер файла. Вы просто не можете этого получить!

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

Сохранение образа

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

Заключение

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

No related posts.

alexxlab

Задания для фотошопа: Практические задания для работы в графическом редакторе Adobe Photoshop

Лист бумаги для фотошопа: 4 000+ картинок с текстурой бумаги бесплатно

Как в фотошопе нарисовать кнопку: Рисуем кнопку для сайта в Фотошоп / Creativo.one

Как сделать в фотошопе фото в стиле гта: Делаем в Photoshop художественную обработку в стиле Дрим-арт

Как сохранить как проект в фотошопе: Как сохранить проект в Adobe Photoshop

Как увеличивать и уменьшать фото в фотошопе: Инструмент «Масштаб» в фотошопе

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *