Как перенести изображение в фотошопе без потери качества
Можно легко сохранять файлы изображений Photoshop в самых разных популярных графических форматах.
TIFF — гибкий растровый (битовый) формат изображения, поддерживаемый практически всеми приложениями рисования, редактирования изображений и верстки.
Вызовите команду «Файл» > «Сохранить как. » , в меню «Тип файлов» выберите «TIFF» и нажмите кнопку «Сохранить».
Битовая глубина (только в 32-битном режиме)
Задает битовую глубину (16-, 24- или 32-битовую) сохраняемого изображения.
Задает метод сжатия данных совмещенного изображения. При сохранении 32-битового файла tiff можно задать сжатие с прогнозированием, однако вариант использования сжатия jpeg не предлагается. Сжатие с прогнозированием обеспечивает более качественное сжатие данных путем упорядочения значений с плавающей точкой, оно совместимо со сжатием LZW и ZIP.
Сжатие JPEG доступно только для непрозрачных изображений RGB и полутоновых изображений с глубиной цвета 8 бит на канал, размер которых не превышает 30 000 пикселей в ширину или высоту.
Позволяет записать файл TIFF, в котором информация о каналах записывается либо поочередно, либо последовательно. Прежде программа всегда создавала файлы, в которых данные каждого из каналов для каждого пиксела записывались поочередно. Теоретически файл, записанный последовательно, может считываться и записываться быстрее, а также лучше сжимается. Оба метода упорядочения каналов обратно совместимы с более ранними версиями Photoshop.
Определяет платформу, на которой файл может быть прочитан. Этот параметр полезен в случаях, когда неизвестно, какой программой можно открыть выбранный файл. Photoshop и приложения последнего поколения могут считывать файлы с использованием как формата IBM PC, так и формата Macintosh.
Сохранить пирамиду изображений
Позволяет сохранять данные с различным разрешением. Photoshop не предлагает возможностей открытия файлов с различным разрешением, изображение открывается в файле с самым высоким разрешением. Однако Adobe InDesign и некоторые серверы изображений поддерживают открытие файлов в форматах с различным разрешением.
Сохраняет прозрачные области как дополнительный альфа-канал, когда файл открывается в другом приложении. Прозрачность всегда сохраняется, когда файл повторно открывается в Photoshop.
Определяет метод сжатия данных для пикселов в слоях (вместо комбинирования данных). Многие приложения не могут считывать данные слоев и пропускают их при открытии файла TIFF. Photoshop, однако, может считывать данные слоев в файлах TIFF. Хотя размер файлов, содержащих данные слоев, больше размера файлов без них, сохранение данных слоев избавляет от необходимости сохранять и работать с отдельным файлом PSD для хранения данных слоев. Выберите параметр «Удалить слои и сохранить копию», чтобы выполнить сведение изображения.
Чтобы получать от Photoshop запрос подтверждения перед сохранением изображения с несколькими слоями, выберите параметр «Выводить предупреждение перед сохранением многослойных файлов в формате TIFF» в области «Обработка файлов» диалогового окна «Установки».
3D-функции Photoshop будут удалены в будущих обновлениях. Пользователям, работающим с 3D-функциями, рекомендуется ознакомиться с новой коллекцией Adobe Substance 3D, которая представляет собой новое поколение 3D-инструментов от Adobe.
Дополнительную информацию о прекращении поддержки 3D-функций Photoshop можно найти здесь: Photoshop 3D | Распространенные вопросы об упраздненных 3D-функциях.
Выберите Файл > Новый.
(Дополнительно) Выберите размер документа в меню Тип документа .
Чтобы создать изображение с заданными размерами в пикселах для конкретного устройства, нажмите кнопку «Главное устройство».
Установите значения ширины и высоты, выбрав стиль в меню «Размер» либо введя значения в текстовые поля «Ширина» и «Высота».
Чтобы ширина, высота, разрешение, цветовой режим и битовая глубина нового изображения совпадали с соответствующими параметрами любого открытого изображения, выберите имя файла из нижнего раздела меню Тип документа .
Если в буфер обмена скопирована выделенная область, то размеры изображения и разрешение будут автоматически базироваться на этих данных изображения.
Выберите значение параметра Содержимое фона :
Фон заполняется белым цветом, цвет фона по умолчанию.
Фон заполняется текущим цветом фона.
Первый слой прозрачен и не содержит никаких цветовых значений. Итоговый документ содержит один прозрачный слой.
Другое: открывает палитру цветов для выбора фонового цвета. Дополнительные сведения см. в разделе Обзор палитры цветов Adobe.
(Дополнительно) При необходимости нажмите кнопку «Дополнительно» для отображения большего числа параметров.
(Дополнительно) В меню «Дополнительно» выберите цветовой профиль или пункт «Отменить управление цветом в документе». В поле «Попиксельная пропорция» выберите «Квадратные пикселы», если изображение не предназначено для использования в видеоролике. В противном случае выберите один из вариантов неквадратных пикселов.
По завершении настройки введенные параметры можно либо сохранить в качестве стиля, нажав кнопку «Сохранить стиль», либо нажать кнопку ОК для открытия нового файла.
Можно создать дубликат всего изображения (включая слои, слои-маски и каналы) в доступной памяти без сохранения на диск.
Если нужно создать дубликат изображения и свести слои, выберите параметр «Создать дубликат только сведенного изображения». Чтобы сохранить слои, убедитесь, что этот параметр не выбран.
Файлы можно открыть при помощи команд «Открыть» и «Последние документы». Вы также можете открывать в Photoshop файлы из других приложений Adobe, таких как Illustrator, Fresco, Lightroom или Bridge.
При открытии некоторых форматов файлов, таких как Camera Raw и PDF, предварительно отображается диалоговое окно для указания параметров и функций.
Помимо фотоснимков, пользователи Photoshop могут открывать и редактировать 3D-файлы, видеофайлы и последовательности изображений. Дополнительные сведения см. в разделе Импорт видеофайлов и последовательностей изображений.
Photoshop использует внешние модули для открытия и импорта большого числа форматов файлов. Если формат файла не отображается в диалоговом окне «Открыть» или в меню «Файл» > «Импортировать», то, возможно, необходимо установить специальный внешний модуль для этого формата.
Иногда программа Photoshop не может самостоятельно определить формат файла. Например, такое может произойти при переносе файла между двумя операционными системами. Иногда перенос файла между Mac OS и Windows может привести к неправильному указанию формата файла. В подобных случаях необходимо самостоятельно выбрать правильный формат для открытия такого файла.
При переносе изображений Illustrator в Photoshop в некоторых случаях можно сохранить слои, маски, прозрачность, составные фигуры, фрагменты, карты ссылок и редактируемые типы. В программе Illustrator нужно экспортировать изображение в файл формата Photoshop (PSD). Если изображение Illustrator содержит элементы, которые Photoshop не поддерживает, внешний вид документа останется прежним, но слои будут объединены, а изображение растрировано.
Открытие файлов при помощи команды «Открыть»
Выберите имя файла, который нужно открыть. Если такой файл не появляется, выберите параметр для отображения всех файлов из всплывающего меню «Тип файла» (Windows) или Enable («Разрешить») (Mac OS).
При появлении предупреждения о цветовом профиле укажите, следует ли использовать в качестве рабочего пространства встроенный профиль, преобразовать в рабочее пространство цвет документа или обратить встроенный профиль.
Открытие последнего использованного файла
Чтобы указать число файлов в меню «Последние документы», измените параметр «Длина списка последних файлов» в диалоговом окне «Обработка файлов». Выберите меню «Редактирование» > «Установки» > «Обработка файлов» (Windows) или Photoshop > «Установки» > «Обработка файлов» (Mac OS).
Указание формата открываемого файла
Если файл был сохранен с разрешением, которое не соответствует его истинному формату (например, PSD-файл сохранен с разрешением .jpg), или у файла отсутствует разрешение, то программе Photoshop, возможно, не удастся открыть данный файл. Выбор правильного формата позволит Photoshop определить тип файла и открыть его.
(Windows) Выберите «Файл» > «Открыть как», а затем выберите файл, который надо открыть. Затем выберите требуемый формат из всплывающего меню «Открыть как» и нажмите кнопку «Открыть».
(Mac OS) Выберите «Файл» > «Открыть», а затем выберите «Все документы» из всплывающего меню «Показать». Затем выберите файл, который нужно открыть, выберите требуемый формат файла из всплывающего меню «Формат» и нажмите кнопку «Открыть».
Если файл не открывается, то либо выбранный формат не соответствует истинному формату файла, либо файл поврежден.
Формат переносимых документов Adobe (PDF) является универсальным форматом файлов, который может содержать одновременно векторную и растровую графику. Он поддерживает средства поиска в электронных документах и навигации по ним. PDF является основным форматом программ Adobe Illustrator и Adobe Acrobat.
Некоторые PDF-файлы содержат одно изображение, а другие — множество страниц и изображений. При открытии PDF-файлов в программе Photoshop можно определить, какие страницы или изображения нужно открыть, а также указать параметры растрирования.
Следующая процедура используется только для открытия обычных PDF-файлов в Photoshop. При открытии файлов Photoshop PDF указывать параметры в диалоговом окне «Импорт PDF» не нужно.
Выберите «Файл» > «Открыть» (в Photoshop).
Выделите PDF-файл, а затем выберите команду «Файл» > Открыть с помощью > «Adobe Photoshop» (в Bridge). Перейдите к шагу 3.
Щелкните миниатюры для выбора страниц или изображений, которые нужно открыть. Удерживайте клавишу SHIFT для выбора более одной страницы или изображения. Число выбранных изображений отображается под окном контрольного просмотра. При импорте изображений перейдите к шагу 8.
Воспользуйтесь меню «Размер миниатюры» для настройки размера миниатюр в окне контрольного просмотра. Параметр «По размеру страницы» подгоняет одну миниатюру под размер окна контрольного просмотра. Если отображается несколько элементов, появляется полоса прокрутки.
Чтобы дать новому документу имя, введите его в текстовом поле «Имя». При импорте более одной страницы или изображения документы откроются с базовым именем, за которым следует число.
Кадрирование по наименьшей прямоугольной области, которая содержит весь текст и графику страницы. Этот параметр отсекает лишнее пустое пространство и любые элементы документа за пределами обрезного формата.
Ограничительная рамка не обрезает пустое пространство, являющееся частью фона, созданного исходным приложением.
Кадрирование до исходного размера страницы.
Кадрирование PDF-файла по области (полям обреза).
Область выпуска за обрез
Кадрирование до определенной в PDF-файле области, удовлетворяющей ограничениям, которые свойственны таким процессам, как обрезание, свертывание и отсечение.
Кадрирование до области, ограничивающей предполагаемый конечный размер страницы.
Кадрирование до определенной в PDF-файле области для помещения данных PDF в другое приложение.
Чтобы сохранить соотношение сторон страниц при масштабировании до размеров прямоугольника, заданного значениями ширины и высоты, выберите пункт «Сохранить пропорции».
Чтобы точно задать размер страниц значениями ширины и высоты, отмените выделение пункта «Сохранить пропорции». В этом случае при масштабировании могут возникнуть определенные искажения.
Если выбрано более одной страницы, то в полях «Ширина» и «Высота» указываются максимальные значения ширины и высоты для выбранных страниц. Все страницы визуализируются в их исходном размере, если выбран пункт «Сохранить пропорции» и значения ширины и высоты не изменялись. Изменение значений приведет к пропорциональному масштабированию всех страниц при их растрировании.
Каждое изображение имеет три основных параметра, о которых вам необходимо знать, особенно при загрузке в сеть Интернет, это может быть сайт, социальная сеть или отправка изображения по электронной почте. Как правильно работать с данными параметрами при подготовке изображения для веб или печати, мы расскажем в данной статье…
Три основных параметра изображения
- Размер файла, который измеряется в байтах (килобайтах, мегабайтах и т. д.)
- Размер, который представляет собой ширину и высоту в любых единицах измерения (пиксели для экранов, дюймы или сантиметры для печати)
- Разрешение, которое измеряется в точках на дюйм для печати (DPI) или в пикселях на дюйм (PPI) для цифрового представления или экранов
Веб-сайты предъявляют различные требования и ограничения в отношении этих трех функций изображения. В идеале вам необходимо внести изменения в свои изображения в соответствии с этими требованиями перед их загрузкой. Хотя многие веб-сайты изменяют размеры изображений автоматически, но этот автоматизированный процесс может ухудшить качество изображения как в разрешении, так и в цвете и это непременно скажется на внешнем виде изображения. Загрузка с указанием точного размера гарантирует, что ваши изображения будут минимально изменены или не изменены совсем и, следовательно, не искажены. Наилучшим образом для изменения размера изображений подходит программа Adobe Photoshop.
Изменение размера в Фотошопе может означать одно из двух: уменьшение размера файла изображения и изменение размеров изображения. Они идут рука об руку, но в этой статье мы обсудим, как изменить размеры изображения.
При изменении размера изображения вы меняете размеры и плотность пикселей, которые определяют его качество. Связь между разрешением и размером напрямую связана. Если вы уменьшите количество пикселей на квадратный дюйм (PPI) в изображении, вы эффективно увеличите размеры. Размеры определяют размер изображения на экране.
Если это сбивает с толку, просто помните:
- Больше пикселей на дюйм = лучшее разрешение
- Меньше пикселей на дюйм = меньшее разрешение
Как преобразовать дюймы в пиксели
Пиксели являются стандартной единицей измерения для экранов. На веб-сайтах и цифровых платформах требования к размерам будут перечислены в пикселях, поскольку мониторы и телефоны отображаются в пикселях. Итак, если вы готовите изображения для использования в Интернете, вам необходимо установить единицы измерения в пикселях. С другой стороны, требования к печати будут в дюймах или сантиметрах, в зависимости от системы или страны происхождения.
Поскольку размеры и разрешение являются относительными, мы можем использовать калькулятор, чтобы найти значения, когда мы знаем два из трех измерений.
Чтобы преобразовать пиксели в дюймы, разделите размеры в пикселях на разрешение. Например, изображение размером 1000 x 500 пикселей с разрешением 72 DPI имеет высоту 13,89 x 6,95 дюйма.
Чтобы найти разрешение или DPI изображения, вам нужно знать ширину в пикселях и дюймах. Разделите размеры в пикселях на размеры в дюймах. Например, изображение шириной 1000 пикселей и шириной 13,89 дюйма имеет разрешение 72 DPI.
Чтобы преобразовать дюймы в пиксели, умножьте ширину изображения в дюймах на разрешение или DPI. Например, 13,89 дюйма при 72 пикселях на дюйм имеют ширину 1000 пикселей.
Используйте таблицу ниже для преобразования дюймов в пиксели и обратно.
Как изменить размеры изображений на необходимые в Photoshop
Вы всегда можете уменьшить размер изображения без потери качества, но вы не сможете сделать изображение намного больше, не заметив резкого снижения качества.
В цифровом изображении количество пикселей представлено DPI (или PPI) и размерами ширины и высоты. Например, изображение размером 2000 x 2000 пикселей с разрешением 72 DPI имеет общее количество пикселей 4 000 000. Чтобы уменьшить изображение, скажем, до 1000 x 1000 пикселей, вы можете просто уменьшить его по размеру, и оно сохранит тот же уровень детализации, только в уменьшенном изображении.
Если вы хотите, чтобы это изображение было больше исходного размера, нужно было бы создать дополнительные пиксели. Это означает, что компьютер умножает количество пикселей, чтобы соответствовать новым размерам, и процесс создания этих пикселей не всегда происходит корректно.
Изменение размера изображения без потери качества в Фотошоп
Откройте изображение в Photoshop. Пройдите в пункт меню Изображение и далее Размер Изображения. Перед вами откроется окно с настройками размеров и разрешения вашего изображения.
Измените разрешение вашего изображения
- Изображения, которые вы планируете использовать в Интернете, переведите в пиксели.
- Изображения, которые вы собираетесь печатать, переведите в дюймы или сантиметры.
В окне находятся рад выпадающих списков с выбором необходимых параметров и настроек изображения:
Изменение единиц измерения отображения
Выбор размера и разрешения на основании шаблона
Выбор единиц измерения и разрешения для web или для печати
- Для веб-изображений выберите 72 DPI (пикселей на дюйм)
- На изображениях с более низким разрешением выберите 150 DPI
- Для печати изображений с высоким разрешением выберите 300 DPI
Изменение размера изображения для вашего сайта или социальной сети
Помните, что загрузка изображения с правильными размерами не гарантирует потери качества, поэтому важно, чтобы вы выбрали правильные размеры для изображения.
Ниже приведены размеры изображения для популярных социальных сетей
- Размер изображения Facebook: 1200 х 1200 пикселей
- Размер обложки Facebook: 1702 x 630 пикселей
- Размер поста в Instagram: 1080 x 1080 пикселей
- Размер истории в Instagram: 1080 x 1920 пикселей
- Размер поста в Twitter: 1024 x 512 пикселей
- Размер поста Pinterest: 736 x 1128 пикселей
Вы также можете создавать собственные размеры изображения, вводя необходимые данные в поле ширины и высоты. Используйте кнопку блокировки, чтобы ограничить пропорции, что означает, что ширина и высота будут меняться пропорционально относительно друг друга.
Adobe Photoshop позволяет легко изменить размер изображения в пикселях, на размер изображения в дюймах. Если вы хотите переключить единицы измерения, просто выберите новую единицу измерения в раскрывающемся списке и посмотрите, как Фотошоп преобразует единицы измерения.
Научитесь настраивать разрешение изображения в Adobe Photoshop. Узнайте, почему качество изображения зависит от количества пикселей в файле.
Можно ли улучшить качество изображения с низким разрешением?
Это знакомый сюжет: детектив просит «улучшить» размытое изображение на компьютере, пока оно не станет достаточно четким, чтобы можно было разглядеть ключевую улику. Это работает? Не так, как в Голливуде.
Единственный способ преобразовать фотографию меньшего размера в более крупное изображение с высоким разрешением, не подчеркивая низкое качество изображения, — это сделать новую фотографию или заново отсканировать изображение в более высоком разрешении. Вы можете увеличить разрешение цифрового изображения, но при этом ухудшится его качество. Однако в Adobe Photoshop есть несколько инструментов, которые помогут вам увеличить разрешение изображения с сохранением качества.
Как повторная выборка и интерполяция влияют на разрешение
Повторная выборка изображений в Photoshop — это изменение их разрешения путем добавления или вычитания пикселей. Разрешение измеряется в пикселях на дюйм (PPI). Чем больше пикселей в изображении, тем выше разрешение. Уменьшение количества пикселей — это уменьшение качества изображения (удаление данных из изображения). Увеличение количества пикселей — это повышение сэмплинга (добавление данных к изображению). При увеличении количества пикселей изображения без изменения его размеров происходит увеличение количества пикселей на дюйм и увеличение разрешения (детализации). Удаление данных предпочтительнее, чем добавление данных, так как при добавлении пикселей Photoshop пытается «догадаться», как выглядят новые пиксели.
Выбор оптимального метода интерполяции при повышении сэмплинга
Любая повторная выборка, особенно повышение сэмплинга, может привести к ухудшению качества изображения. Метод интерполяции определяет, как Photoshop выбирает цветовые значения новых пикселей. Выбор правильного метода интерполяции позволяет избежать нежелательной пикселизации.
Автоматически: Photoshop выбирает метод повторной выборки в зависимости от типа изображения.
Сохранить детали: расширенный алгоритм повышения сэмплинга с помощью ползунка «Уменьшение шума».
Соседние пиксели: подходит для иллюстраций с жесткими краями без сглаживания.
Билинейная: этот метод добавляет новые пиксели, рассчитывая среднее значение цвета окружающих пикселей.
Бикубическая: обеспечивает более плавные переходы тонов, чем методы «Соседние пиксели» и «Билинейная».
Бикубическое сглаживание: подходит для увеличения изображений. Обеспечивает более плавные результаты.
Бикубическое резкое: подходит для уменьшения размера изображения.
После выполнения повторной выборки применение фильтра «Нечеткая маска» может улучшить качество изображения.
Настройка разрешения в Photoshop
Вам может потребоваться улучшить качество фотографии с низким разрешением для печати — формат TIFF с высоким разрешением лучше подходит для печати, чем формат JPG с низким разрешением. Если вы допускаете изменение размера изображения, сначала попробуйте изменить размеры и разрешение фотографии без повторной выборки. Это позволит вам работать с имеющимися данными, не добавляя новые данные к исходному изображению. После изменения размеров и разрешения вы всегда сможете выполнить повторную выборку при необходимости.
Изменение размеров изображения для печати без настройки размеров пикселей
Убедитесь, что вы можете увеличить качество изображения для печати, настроив только размер или разрешение изображения без изменения количества пикселей. Photoshop автоматически изменит соответствующие значения, сохраняя соотношение сторон и количество пикселей. Выполните следующие действия.
Друзья, привет. Многие из нас ведут блоги, или выкладывают периодически фотографии на сайтах. И я тоже постоянно сталкиваюсь с проблемой веса фотографий. И сегодня хочу поделиться своим опытом, и расскажу как уменьшить изображение в фотошопе без потери качества.
Поскольку у меня блог про тему фотографии, то фоток на моем сайта предостаточно, что только добавляет мне вопросов оптимизации фотографий.
В начале
Обычно перед тем, как выложить статью на блоге, я все изображения загружаю в фотошоп, и там их уменьшаю. Делаю я это через функцию «Сохранить для веб», или горячими клавишами Shift+Ctrl+Alt+S.
С виду много клавиш, которые нужно зажать, но на практике получается очень удобно, если поставить большой палец на Alt, мизинец на Ctrl, безымянный на Shift, ну и указательный на S. Получилось? Видите, как просто.
Недавно я выкладывал статью про самые дорогие мотоциклы в мире, и вот у меня так было в фотошопе:
Если вы обратите внимание, то весит эта фотография самого мотоцикла 2,15 Мб.
Понятно, что в таком виде на сайт выкладывать ее совершенно не нужно. Это огромный вес для интернета. Нажимаем наши волшебные клавиши Shift+Ctrl+Alt+S, и у нас открывается вот такое окошко.
Параметры сохранения
Давайте разбираться, где какие параметры, и на что нужно обратить внимание, чтобы сохранить картинку в хорошем качестве, и при этом уменьшить ее размер.
- Формат изображения. Как я заметил по опыту иногда можно сохранять в jpeg, иногда можно сохранять в png. Ниже расскажу про особенности применения обоих.
- Качество изображения. Тут тоже можно играть настройками. Иногда можно поставить 90%, иногда можно поставить и 80. Бывали случаи, когда я ставил и 55 и 60%. Все зависит еще и от других параметров.
- Размер изображения. Тут вы должны понять какой размер нужен вам на вашем сайте или блоге. Больше 1000 px думаю ставить не стоит, потому что ширина контентной части блога где-то 700-800px.
- И наконец, самая главная величина, на которую вы будете постоянно ориентироваться — вес самой фотографии.
Как вы видите, фотошоп уже сжал фото с 2,15 Мб до 300 Кб. И это уже очень хорошо. Но обычно я не использую в своем блоге изображений весом больше 200 кб.
И то это редкий случай, когда нужно показать красивую фотографию в полном размере, как например, фотографии в пресетах Лайтрум, где нужно показать красоту обработки фильтра.
А в обычных статьях блога сейчас стал делать фотки где-то в районе 100кб плюс минус 20-30кб. Раньше, в первых статьях старался вообще делать где-то 50-70кб, но это сильно искажало картинку, и теперь стараюсь делать побольше.
Формат
Давайте теперь более подробно разбираться в тонкостях этих настроек, и начнем мы с формата. Как я уже сказал, где-то можно сохранить в jpeg, где-то в png.
Для себя я вывел такое правило, что если есть изображение, такое как фотография, картинка, то лучше сохранять в jpeg, и просто уменьшить размер, и уменьшить качество. В нашем случае можно сделать вот так:
Мы делаем формат jpeg, качество 80, ширину убавляем до 800, и видим, что наше фото уменьшилось в весе, и стало 146 кб. Это для вас приемлемо? На сайте она будет выглядеть вот таким образом, т.е. полностью в ширину контекстной части.
Вполне качественно, хорошо видны детали, и в целом очень приемлемый вариант для блога, если нужно показать качественно. Я думаю, в случае с мотоциклами, то фото должны быть только хорошего качества. Вы согласны?
Если для вас это много по весу, давайте попробуем сделать меньше размер, не 800px, а сделаем 700px, смотрим что у нас получается в самой программе.
Вы уже видите, что вес уменьшился, и стал уже 117 кб. Длину фото мы сделали 700px. Вот как эта фотография будет выглядеть у вас в блоге в контексте записи:
Чуть меньше, чем предыдущее фото, и тем не менее, вполне себе здорово смотрится на сайте, и красота мотоцикла видна в полной мере.
Кстати, разница по ширине в статье совсем не заметна. Я тоже для себя кое-что вынесу из этого урока! Будем еще меньше делать фото? Давайте сделаем в настройках 600px. Мне кажется это вполне еще приемлемо. Вот так будет в программе:
И мы уже видим, что при размере в 600px, вес стал 91кб. Совсем не много, мне кажется, для любого сайта. И вот как эта фотка будет выглядеть в вашей заметке:
Я больше не буду уменьшать, вы сами это можете сделать и понять какой вариант размера вам больше подходит для вашего ресурса.
Давайте перейдем к другому параметру, и посмотрим как он отражается на самой фотографии, и на сколько можно уменьшать эти настройки.
Качество
Вы, наверно, заметили, что здесь все настройки очень переплетены между собой. Выше был заголовок формат, а я говорил про размер, потому что тут сложно говорить только о чем-то одном, это сразу отражается и на другом.
Я думаю, тут важно понять принцип, и он не такой сложный, как может показаться на первый взгляд, но небольшая практика нужна. Давайте будем двигать ползунок, который отвечает за качество.
Как мы видели, размеры 800px и 700px совсем не отличаются по тому, как они выглядят на сайте. Поэтому, я предлагаю двигать качество на размере 600px.
Это вполне себе нормальная картинка для блога, и если вам нужно сделать ее еще меньше по весу, то лучше проводить эксперименты с этим размером.
Качество 80% у нас уже было, поэтому давайте уменьшим до 70%, и посмотрим что у нас получится. В программе это будет выглядеть вот так:
Смотрим сколько у нас теперь весит картинка? Только 71Кб! Это очень хороший результат для сжатия изображения. И что же мы будем видеть на сайте с такими параметрами? А вот что!
Тут уже на любителя, и кто как видит. Для меня, это не очень хорошая фотка, а для вас — смотрите сами. Давайте я еще уменьшу на 10% качество, раз уже мы двигаемся в эту сторону и посмотрим что будет происходить. Ставим параметр 60% на 600px. Окно программы будет вот такое:
Как видим, весить она стала всего 57Кб. Да, теперь не будет больших скачков в весе фотографии, и все будет уменьшаться по маленьким параметрам. Ну а в записи с такими параметрами мы увидим вот такую фотографию:
Тут важно показать направление для экспериментов и подбора нужных значений. И я его показал. А дальше можно делать все что вам захочется.
Можно же еще немного кадрировать саму картинку, чуть-чуть подрезать сверху и снизу, что я и сделал у себя в статье про самые дорогие мотоциклы в мире. Да, это тоже хороший вариант сделать уменьшение изображения, в том числе и по весу.
Jpeg или png
И остался у нас один вопрос, о котором хотел бы рассказать в данной статье. Когда использовать jpeg, а когда png. Даже в рамках этой статьи, я использовал и тот и другой формат.
А секрет вот в чем, я уже говорил о нем. Если вам нужно показать картинку, то вы делаете jpeg, если вам нужно показать цифры, или скриншот программы, то вы делаете png.
Именно так и я делал выше. Если вы внимательно поглядите на сам мотоцикл в скриншотах программы, где стоят настройки, то вы увидите очень грубые градиенты перехода цвета. К примеру на зеленых деталях мотоцикла. Посмотрите внимательно!
Конечно, когда мы следим за цифрами, допустим в окне программы, то сама картинка уходит на второй план, и все внимание на показатели, с которыми мы работаем.
Но если сделать png для самой картинки, то я могу показать что будет. Давайте сравним как будет выглядеть png и jpeg с одними и теми же настройками всего остального. Вот глядите, ставим в программе 600px и ставим формат png:
Как видим такое изображение будет весить 108 Кб. Это примерно 700px формата jpeg c 80% качества. И что теперь мы будем видеть на сайте:
Вполне себе рабочий вариант, и можно так делать. Но в данном случае, лучше будет сделать jpeg, потому что он будет весить меньше и качество будет лучше.
А вот рабочий процесс программы делаю по другому. Допустим, я выставляю разные настройки для изображения, делаю скрин этого процесса. А потом для того, чтобы выложить это на сайте, сохраняю этот скрин в png, причем размер я не трогаю:
Т.е. вы видите размер у меня тут на этой картинке 1135 px, и так видно хорошо все цифры и все параметры. Весит 137Кб такая картинка, но если сделать меньше, то будет все очень плохо видно.
Вот на этом я думаю мы с вами закончим этот достаточно объемный и большой урок по фотошопу, и как тут можно уменьшить изображение для сайта.
Надеюсь, вам все было понятно. Для начала, я думаю, это достаточно заморочисто, но вот такой это вопрос. Пишите в комментарии, если у вас будут вопросы, отвечу на все.
Нужно немного практики, пробуйте разные варианты. Все еще зависит от самой фотки и её качества. Бывают качественные картинки приходится сжимать, а бывает и плохое качество. Тогда тоже нужно опытным путем подобрать настройки и выбрать наиболее приемлемые для вас.
Читайте также: