Как в фотошопе уменьшить вес изображения: Photoshop: размер и разрешение изображения

Содержание

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

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

СОДЕРЖАНИЕ СТАТЬИ:

Почему именно Photoshop?

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

С чего начать?

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

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

Обратите внимание на формат. Если Вы сохранили объекты редактирования с интернета или скопировали из фотоаппарата, то чаще всего они будут иметь расширение «jpeg/jpg». Но может быть и «gif» или «png». Для последнего типа характерна прозрачность заднего фона, что делает такие изображения уникальными. Если хотите при сжатии оставить эти свойства, то лучше подобные объекты помещать в отдельное место (папку). Далее Вы узнаете почему.


Процесс пошел!

Переходим к инструкции, как сжать фото без потери качества фотошопе. Она очень простая!

Все описанные ниже шаги актуальны для версии CC 2014 — 2015

  • Запускаем редактор Adobe Photoshop. Лучше использовать свежую версию, хотя описанный ниже функционал присутствует даже в «старых» редакциях софта.
  • Открываем нужный объект обработки (или несколько) используя соответствующий пункт в меню «Файл» или просто нажимаем на клавиатуре Ctrl + O :

Стоит отметить, что изначально исходник занимал на диске 442 Кб!

  • Теперь снова идем в «Файл» и там кликаем по варианту «Сохранить для Вэб…»:
  • Откроется новое окно с множеством настроек. Но не стоит паниковать, сейчас разберемся. Справа сверху можно выбрать из выпадающего списка формат сохранения (по умолчанию — jpeg) и указать качество от 0 до 100, используя «бегунок». Есть возможность указать предустановленные настройки сжатия: минимальное, среднее и т.д.
  • Под зоной предварительного просмотра можно видеть новый размер элемента. В данном случае он уменьшился до 232 Кб. Но и это не предел. Вы можете менять качество (уменьшать) до тех пор, пока не начнете замечать цифровые артефакты — неровности краев, волны, кубики. Также, Вы вправе изменить разрешение элемента, указав другую ширину и высоту. Возможно, Вам не нужен такой большой «лев». Это позволит еще больше минимизировать вес.

Теперь Вы знаете, как сжать размер фото в фотошопе. Но позвольте рассказать немного об особенностях формата «png».


Инструкция для PNG

  • Допустим, Вы сохранили исходник, который размещена на прозрачном фоне.
  • Если попытаться сохранить её вышеуказанным способом, то фон будет залит сплошным белым цветом:
  • Необходимо сверху изменить тип на PNG-8 или PNG-24:
  • Если выбран первый вариант (8), то чуть правее будет доступен выбор количества цветов (от 2 до 256). Вы можете пробовать менять эти значения и смотреть на изображение. Стоит отметить, что это решение оптимально, если Ваш исходник не слишком насыщен и разнообразен в плане цветности, и Вас особо не беспокоит ровность краев.
  • Для лучшего качества следует выбирать режим 24, который не имеет особых настроек. Да и сильно сжать не получиться. Поэтому, лучше немного поиграться с PNG-8.

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


Уточнение для Photoshop версии CC 2016 и выше

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

Обратите внимание, что выше расположен пункт «Экспортировать как…», клик по которому откроет обновленный интерфейс утилиты сжатия.

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

Как уменьшить изображение в Фотошопе

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

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

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

Содержание: “Как уменьшить размер изображения в Фотошопе”

Нужно определиться с целью

На самом деле, операция сжатия – не чисто техническая проблема и имеет множество нюансов. Если просто довериться автоматическому сжатию, результат может получиться совсем не таким, какой вам нужен.

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

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

Метод №1 – Кадрирование (Оставляем только нужное)

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

Первый шаг – непосредственно открытие картинки в программе. Мы выбрали для примера фото неотразимой Кейт Бекинсейл:

Самый удобный способ – нажимайте на картинку правой кнопкой мыши и выбирайте пункт “Открыть с помощью” -> “Adobe Photoshop ..”.

Однако иногда в списке выбираемых программ Фотошопа не будет, и в этом случае придется “Выбрать другое приложение”.

Открывать картинку можно и через саму программу – это менее удобный, но более надежный способ. Откройте программу. Вверху будет меню – нажимайте на “Файл” -> “Открыть”.

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

Первым делом можно удалить с картинки ненужные куски. При этом изображение останется прямоугольным, поэтому придется искать компромиссы. Для выполнения этих действий нужно выбрать инструмент “Рамка” – однако найти его на огромной панели инструментов может быть довольно трудно.

Для перехода к инструменту лучше всего нажать клавишу “С” – слева будет выделена группа инструментов для обрезания картинки. Нажмите на нее правой кнопкой и выберите самый первый из них – “Рамку”.

Нажимаем комбинацию клавиш Ctrl+A и поверх картинки появится прямоугольник, а по бокам и в углах – ползунки для изменения размера.

Передвигайте их до нужного результата и применяйте изменения.

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

Есть и другой способ – выделение нужной части картинки с помощью “Прямоугольной области”. Найдите соответствующий значок на панели инструментов или нажмите клавишу “M”.

Выделив необходимую область, выберите “Изображение” в меню наверху, а дальше – “Кадрировать”.

Результат нашего кадрирования:

Метод №2 – Через «Размер холста» (Задаем точный размер в пикселях)

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

Делается это с помощью инструмента “Размер холста”. Открыть его можно через “Изображение” -> “Размер холста” либо путем нажатия горячих клавиш Alt+Ctrl+C.

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

Метод №3 – Через “Размер изображения”

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

Откройте меню “Изображение” еще раз и выберите пункт “Размер изображения” (Alt+Ctrl+I).

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

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

Метод №4 – Через окно сохранения

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

Делать это можно как через “Файл” -> “Сохранить как”, так и через соседний “Файл” -> “Сохранить для Web и устройств”.

В новых версиях последний пункт найти может быть не так просто, потому что он отмечен как устаревший, поэтому просто переходите к нему через сочетание Alt+Shift+Ctrl+S. Это довольно удобный способ, и в нашем примере мы будем работать именно через него.

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

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

Для сжатия самым удобным является формат JPEG – выберите его в выпадающем меню под надписью “Набор”. После этого под меню выбора формата появится меню выбора качества – там вы сможете выбрать одну из пяти градаций. Под областью изображения при этом будет выводиться конечный вес (размер изображения).

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

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

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

Автоматическое уменьшение размера и веса множества фотографий

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

Внимание, важно! Следует помнить, что Фотошоп уменьшает все фотографии по меньшему заданному размеру. Т.е. если фотка горизотальная и имеет шириноу 300 пикс и высоту 200, а мы задаём выходные параметры ширины 150 и высоты 100 пикселей, то она так и уменьшится, но программа пропорционально уменьшит все изображения до высоты 100 пикселей. Напр., вертикальная фотка шириной 200 и высотой 300 пикселей уменьшится до размера 66 на 100 пикс.

Описываемый способ сложнее, чем уменьшение при помощи Сценария (Файл —> Сценарии —> Обработчик изображений или в англ. версии File —> Scripts —> Image Processor), но предоставляет гораздо большие возможности для настройки выходных файлов, как то выбор конечного расширения, разрешения, способа уменьшения, также позволяет добавить фильтр резкости.

Итак, открываем в Фотошопе какую-либо фотографию из тех, что мы будем обрабатывать.
Нажимаем клавишу F9, при этом открывается палитра операций.
Внизу палитры кликаем по кнопке «Создать новый набор» , вводим какое-нибудь имя набору, затем по кнопке «Создать новую операцию» , вводим имя операции, затем кликаем по кнопке «Запись»
Далее идём в Изображение —> Размер изображения (Image —> Image Size) и задаём требуемые параметры. Если мы хотим уменьшить разрешение (что разумно для публикации в инете), надо сперва изменить параметр Разрешение (Resolution) а только затем ширину и высоту.
После чего идём в Файл —> Сохранить как (File —> Save As) и сохраняем с нужным расширением.

Написание операции закончено, теперь осталось кликнуть в палитре операций по кнопке «Стоп»

Теперь идём в Файл —> Автоматизация —> Пакетная обработка (File —> Automate —> Batch), и в открывшемся окне задаём следующие настройки:

В свитке «Выполнить» (Play) вставляем свой набор и операцию (Set и Action).
В свитке «Источник» (Sourse) выбираем исходную папку с изображениями.
В свитке «Выходная папка» (Destination) выбираем папку для готовых фотографий.

Ставим галки у пунктов «Подавить диалоги открытия файлов» (Suppress File Open Options Dialogs) и «Игнорировать команды «Сохранить как» (Override Action «Save As» Commands)

В свитке «Именование файлов задаём следующие пункты:
В первом поле ввода кликаем по треугольничку справа, из выдающего списка выбираем строку «Имя документа» (Document Name). Во втором поле выбираем пункт «Порядковый номер + одна цифра» (1 Digit Serial Number). В третьем — расширение (extension).

Далее кликаем по кнопке ОК, и, если Вы всё сделали правильно, то должна пойти обработка.

Как уменьшить размер файла JPG в Paint, Фотошопе или онлайн сервисе —

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

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

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

Содержание статьи:

  • Способы уменьшения JPG файла
  • Как уменьшить размер файла JPG в Adobe Photoshop
  • Как уменьшить размер файла JPG с помощью Paint
  • Уменьшение размера файла JPG с помощью онлайн сервиса
  • Выводы

Способы уменьшения JPG файла

В общем случае уменьшения размера картинки можно достичь двумя способами:

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

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

Как уменьшить размер файла JPG в Adobe Photoshop

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

Уменьшаем разрешение. Для начала нужно открыть исходное изображение. Нажмите на картинке ПКМ и выберите «Открыть с помощью» —> «Adobe Photoshop».

После того, как изображение откроется, перейдите в раздел «Изображение» —> «Размер изображения» или просто нажмите комбинацию клавиш «Alt+Ctrl+I».

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

Снижаем качество. Для уменьшения размера JPG файла путем понижения качества нужно открыть картинку с помощью Adobe Photoshop. После этого нажимаем «Файл» —> «Сохранить как» или комбинацию клавиш «Shift+Ctrl+S».

Выбираем место сохранения, вводим название файла и задаем формат «JPG», нажимаем «Сохранить».

В поле «Параметры изображения» смещаем ползунок качества картинки в левую сторону. Для среднего качества установите ползунок на уровне 6−7. Нажмите «Ок».

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

Мы скачали тестовое изображение в отличном качестве и с разрешением Ultra HD (3840×2160 пикселей). Его исходный размер составил 1.13 МБ. После снижения качества до 8 и понижения разрешения до Full HD (1920×1080 пикселей) его размер составил 380 КБ. Визуально качество картинки не изменилось. Как видите, с помощью указанных выше методов вполне реально можно уменьшить размер файла JPG. Ну а мы продолжим рассмотрение вопроса и опишем еще несколько способов уменьшения размера картинки.

Как уменьшить размер файла JPG с помощью Paint

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

Если на Вашем компьютере не установлен Adobe Photoshop, а уменьшить размер картинки очень нужно, то используйте Paint. Для начала откройте нужное изображение. Для этого нажмите на нем ПКМ и выберите «Открыть с помощью» —> «Paint».

Далее нажмите комбинацию клавиш «Ctrl+W». На экране появится окно, с помощью которого можно изменить размеры картинки. Для этого в поле «Изменить размеры» откорректируйте значения «По горизонтали» и «По вертикали». Вы можете установить селектор как напротив пункта «Проценты» (тогда Вы будете изменять размеры изображения в процентном соотношении) или напротив пункта «Пиксели» (размеры будут изменяться в пикселях).

После всех изменений нажимаем «Ок» и сохраняем картинку зайдя в «Paint» —> «Сохранить как».

Советуем использовать Paint для уменьшения размера JPG файла только в крайнем случае. Если есть возможность — используйте Photoshop или онлайн сервис, который мы рассмотрим далее.

Уменьшение размера файла JPG с помощью онлайн сервиса

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

К преимуществам можно отнести:

  • Снижение разрешения
  • Снижение качества
  • Отсутствие необходимости в установке каких-либо программ

К недостаткам можно отнести:

  • Необходимость активного интернет соединения
  • Возможность потери личных фото (вероятность крайне низкая)
  • Медленная скорость обработки фото при низкой скорость интернета (читайте, как увеличить скорость интернета)

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

Один из таких сервисов это www.imgonline.com.ua/compress-image.php.

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

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

Выводы

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

Источник: komputer-info.ru

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

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

Для чего нужно уменьшать вес фото? Это может понадобится по трем причинам:

  1. Вы нужно уменьшить вес архива для хранения. Современные фотокамеры, в том числе, камеры в телефонах, имеют высокое качество печати, и как следствие, фотографии имеют большой размер. То есть, фотографии могут иметь размер от десяти и более мегабайт. И если вы фотографируете много, то даже не смотря на большой размер диска компьютера, вскоре у вас не останется места для хранения. Проблема тем более актуальна, если вы храните файлы в облаке или непосредственно в памяти телефона.
  2. Вам нужно передать большое количество фоторафий. И опять-таки, если у вас только мобильный интернет, то это может быть проблемой.
  3. Ну и наконец, сжатие изображений очень актуально для сайтостроения. Чем больший вес, тем фото дольше будет загружаться с хостинга. А если, например, вставить в пост 20 изображений, которые занимают по 10 Mb? Вы представляете, какая там будет скорость загрузки этой страницы. Человек просто откроет статью, и, не дождавшись пока она загрузиться – закроет ;-).

Каждая поисковая система учитывает при ранжировании скорость загрузки сайта. И ми должны делать все, чтобы наш ресурс просто летал. Для этого я и написал статью: «Как ускорить wordpress блог? 10 фишек для ускорения wordpress», а также вы можете установить P3 Performance Profiler и узнать какой плагин тормозит блог.

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

Два метода уменьшения.

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

Можно уменьшить вес картики в пикселях. То есть, если оригинал изображения у нас был скажем 6000 на 4000, то мы можем обрезать изображение и оставить только нужную нам часть

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

Другой метод, это увеличение сжатия картинки. Дело в том, что есть форматы изображений без потери качества, такие как TIFF, RAW, PSD. А есть и широко используемые: JPG, PNG. (есть и другие форматы, но эти, самые распространенные).

Так вот, вот эти последние, позволяют просто сжать картинку. Причем, вы можете сжать как по пикселям, то есть, «упаковать» картинку размером 6000×4000 в размер 3000×2000 пикселей. Или просто сжать картинку. И таким образом, значительно уменьшить вес картики в байтах.

Фактически, на практике обычно применяют сжатие по количеству пикселей и по степени сжатия.

Сжатие с помощью онлайн сервиса

Вы переходите на сайт squoosh.app и просто перетаскиваете туда изображение.

Таким образом, если оригинальное изображение имело размер 8 мегабайт, то теперь изображение стало весить меньше четырех мегабайт.

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

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

Уменьшение с помощью специальных программ.

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

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

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

Таким образом, программа даёт хорошее соотношение качества изображения, к его размеру.

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

Для начала нужно скачать программу фотошоп и установить себе на компьютер, если у вас еще ее нет. Эта программа просто замечательна, в ней можно делать с картинками все что угодно. Посмотрите, какие я делаю красивые фото в начале статьи. Это все фотошоп. Хотя эта программа платная, но если вы будете хорошо искать, то можете найти и бесплатно ;-). У меня, например, установлена бесплатная версия Adobe CS5.

Скачали, установили. Хорошо. Теперь нам нужно открыть в фотошопе любую картинку. Для этого в левом верхнем углу нажмите Файл – Открыть.

Потом выбирайте нужную вам картинку на компьютеры и нажмите на кнопку «Открыть»

Картинка, которую я загрузил, занимает 2,9 Mb. Ее ширина – 2560, а высота – 1920. Для того чтобы уменьшить вес картинки, можно сначала уменьшить ее размер. Таким образом уменьшиться размер пикселей и соответственно увеличиться качество изображения. Для этого я нажимаю на панели «Изображения» и выбираю «Размер изображения». Ставлю ширину 550, а высота уменьшается пропорционально. Потом нажимаю «Ок»

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

Теперь нам нужно сохранить картинку так, чтобы не потерять ее качество и уменьшить вес. Для этого нажимаем «Файл» в левом верхнем углу и выбираем «Сохранить для web устройств». Выбираем формат JPEG и указываем качество изображения. И здесь, опять же, чем больше качество картинки, тем больший у нее будет вес. Поэтому вы должны выбрать такое качество, при котором внешний вид картинки не ухудшиться, но вес будет минимальный. Экспериментируйте :smile:. Как показывает практика качество изображения лучше всего ставить примерно от 40 до 80. Если ставить меньше, то внешний вид ухудшиться. Ну, а больше 80 также не стоит ставить. Ми же хотим уменьшить вес фото.

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

Таким образом, я уменьшил вес картинки с 2, 9 Мб до 27, 6 КБ. И при этом качество изображения не изменилось. Такие действия я делаю каждый раз перед публикацией статьи. На это у меня уходит несколько секунд, а загрузка страницы увеличивается очень сильно. Также я экономлю место на хостинге.

Уменьшение веса на мобильнике.

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

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

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

Заключение.

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

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

Как уменьшить размер файла в фотошопе? Об уровнях сжатия JPEG в Photoshop и Lightroom

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

Photoshop перед тем, как сжать фотографию в JPEG, предоставляет нам уровни сжатия от 0 до 12. В свою очередь Lightroom позволяет только ввести процент. Но проценты это понятнее, чем цифры от 0 до 12. Специалисты Adobe создали путаницу, так как соответствие этих чисел диапазонам процентов не указано ни в одном из справочных ресурсов. Проценты, которые мы видим в Lightroom, на самом деле не масштабируются в числа от 0 до 100. Adobe просто отобразил процентную шкалу с диапазоном от 0 до 12. Это приводит к тому, что изменение процента сжатия, например, с 85% на 90% может не дать никакой разницы в размере изображения, а при изменении с 84% на 85% разница может быть существенной.

Ниже приведены скриншоты различных диалоговых окон. На первом рисунке — панель, которая появляется при нажатии в Photoshop кнопки «Сохранить» или «Сохранить как» и выборе опции JPEG:

Перед тем, как сжать размер фотографии, вы можете выбрать значение от 0 до 12. А вот панель экспорта Lightroom:
Здесь уровень сжатия JPEG представлен в виде шкалы от 0% до 100%.

Рассмотрим приведенную ниже таблицу, в которой значения от 0 до 12, используемые в Photoshop, переводятся в проценты:

Сжатие JPEG в PS Обозначение уровня
сжатия в PS
Аналог в % Размер условного
файла
Экономия дискового
пространства в % *
0 Low 0-7% 2.2 MB 1240%
1 Low 8-15% 2.4 MB 1138%
2 Low 16-23% 3.0 MB 910%
3 Low 24-30% 3.4 MB 803%
4 Low 31-38% 3.9 MB 700%
5 Med 39-46% 4.6 MB 594%
6 Med 47-53% 5.2 MB 525%
7 Med 54-61% 5.8 MB 470%
8 High 62-69% 7.8 MB 350%
9 High 70-76% 9.8 MB 278%
10 Max 77-84% 12.9 MB 212%
11 Max 85-92% 17.6 MB 155%
12 Max 93-100% 27.3 MB 0%

* экономия дискового пространства представлена относительно самого большого размера файла (27,3 MB) и максимального разрешения (снятого камерой в 20 мегапикселей) в качестве 100%

Это означает, что некоторые числа вообще не имеют значения, а другие дают совсем небольшое изменение. Выбрав перед тем, как сжать фотографии для отправки, качество 80%, вы получите то же самое, что и при 77% или 84%. На самом деле пока вы не установите 85%, ничего не меняется. То же самое относится и к 90% — это качество ничем не отличается, от качества 85%!

Сохранение файлов для Веб в Photoshop

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

Ниже приведено диалоговое окно «Сохранить для Веб«, параметры которого устанавливают, как сжать фотографию в Фотошопе:

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

Лучший уровень сжатия JPEG

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

Моя рекомендация заключается в том, чтобы перед тем, как сжать фотографию для интернета, установить для JPEG качество 77% в Lightroom или значение 10 в Photoshop. Это часто дает примерно 200% экономии дискового пространства (или более) и сохраняет достаточное качество изображений. Существуют редкие случаи, когда значение в 77% может дать полосатость в небе. Если вы столкнулись с подобной проблемой, попробуйте установить уровень в 85%.

Хотя для многих фотографий даже 77% это слишком много. Если вы посмотрите на приведенную выше таблицу, то увидите, что значения ниже 10 дают довольно существенную экономию дискового пространства. Если вы хотите еще сильнее уменьшить размер изображения, попробуйте задать качество до 62% или даже 54% и посмотрите, будет ли результат приемлемым. Обратите внимание, что результаты будут различными в зависимости от конкретного изображения. Некоторые фотографии могут выглядеть хорошо при сильном сжатии, в то время как другие будут выглядеть хуже.

Данная публикация является переводом статьи «JPEG Compression Levels in Photoshop and Lightroom» , подготовленная редакцией проекта.

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

Как уменьшить вес фотографии в фотошопе

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

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

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

Итак — уменьшаем  вес фотографии.

1- Для начала уменьшим размер фотографий или изображений. Я изначально сделал чтоб все фото (почти все, бывают исключения)  у меня были были одного размера. Все рисунки делю на три категории маленький, большой и средний размеры. Маленькие изображения — это ширина 180, большие это ширина 420,  а средние делаю ширина 320 пикселей.

Чтоб сделать размер из исходной фотографии  ширина которой  1280 и высота  960  ( к примеру), открываю это изображение в фотошоп. Кликаю на вкладку изображение + размер изображения У  вас откроется окно «РАЗМЕР РИСУНКА».

Если поставите галочку сохранять пропорции, то введя только размер ширины (там где выделил) вместо 1280 на 960 (прямо в поле новое значение и вписывайте), то вместе с шириной автоматически будет изменятся и высота. Это очень удобно.   Если вам надо изменить размер не только ширины но и высоты, тогда убирайте галочку сохранять пропроции, и вписывайте какие вам нужны значения в поле «высота и ширина». Затем нажимайте ОК.

Все, изображение будет в новом размере ( к примеру я вписал значение новое вместо ширины 1280 — вписал 320)

Это важно. Вместе с размером у нас частично изменился вес фотографии. Вес фотографии уменьшился. Изначально был 420 Кб, сейчас стал 225 Кб.

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

Итак — мы уменьшили размер  фотографии в фотошопе, вместе с ним уменьшился вес фотографии. Но это еще не всё. Вес фотографии сейчас  225 Кб. Мы можем его еще немного сжать, без ущерба качества изображения.

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

В левом окошке — отображается  вес который есть сейчас изображения он 225 Кб.  В правом отображается вес фотографии после ваших изменений. Кстати когда вы будете уменьшать вес фотографии, сразу же в правом окошке будет меняться и качество картинки. Сравнивая исходную картинку ( слева ) вы можете уменьшить вес картинки (которая справа) пока качество изображения будет для вас удовлетворительным. Менять вес в той панельки что выделил красным —  LOW — МИНИМАЛЬНЫЙ РАЗМЕР, СООТВЕТСТВЕНО  MAXIMUM — максимальный. Есть и другие значения —  выбирайте, пробуйте, смотрите разницу. Насколько уменьшается вес фотографии в фотошопе. Я обычно беру параметры Медимум или GIGT.   Когда определитесь со значениями и весом, нажимайте кнопку сохранить «Save». Всё ваше  изображение сохранено. Был изначально вес изображения 420Кб, стал 29Кб.

Неплохо мы уменьшили вес в фотошопе фотографии, правда девочки и мальчики?

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

И еще можете посмотреть (у кого «быстрый» интернет) этот забавный мультик ребята.

Похожие записи на сайте

Как уменьшить вес картинки в Фотошопе простыми способами?

Здравствуйте всем, кто заглянул на мою страничку! Сегодня я вам расскажу как уменьшить вес картинки в Фотошопе на примере одной моей фотографии. Снимаю я полупрофессиональной камерой Nikon D7000 в формате RAW. Недостаток этого формата — большой вес файлов.

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

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

Первоначальный вес — 18314 КБ.

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

Проведем эксперимент. Сохраним изображение в формате jpeg и сравним вес двух снимков.

Размер картинки я не меняла и сохранила фотографию с самым высоким процентом качества изображения.

Давайте таперь сравним два файла и посмотрим насколько изменился вес картинки.

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

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

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

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

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

Как бы я уменьшила вес этой фотографии перед публикацией в блог?

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

Посмотрите каких результатов мне удалось достичь. Вес файла вместо 18314 КБ стал 29 КБ, но это еще не все, проводим эксперимент дальше.

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

Далее перехожу по вкладке: «Файл — Сохранить для Web». Устанавливаю значение качества изображения и сохраняю файл в формате jpeg.

Посмотрим сколько весит наш файл перед публикацией в интернете.

А весит он уже не 29 KБ, а 42КБ.

Делаем вывод: Самый лучший способ уменьшить вес снимка для публикации в блог — это сделать скриншот.

Эксперимент мы проводили над этой фотографией.

Приглашайте детей на свадьбу! Они громче всех кричат: «Горько!»

Большое спасибо за внимание!

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

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

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

Во-первых, это самый популярный графический редактор!

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

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

В-четвертых, нет зависимости от наличия подключения к Интернету.

В-пятых, отсутствие ограничения на объем обрабатываемых файлов, которое присутствует на всех сервисах в бесплатном режиме работы.

Открываем в Фотошопе картинку весом 268 Кб и размером 1280 на 960 пикселей.

Выбираем в верхнем меню Изображение => Размер изображения. Советуем запомнить несложное сочетание горячих клавиш для быстрого вызова этого окна — ALT + CTRL + I.

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

Как видим, высота автоматически изменилась на 450 пикселей.

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

Чтобы картинка минимально весила, в Фотошопе предусмотрена специальная функция сохранения для Интернета — Файл => Сохранить для Web  (ALT + SHIFT + CTRL + S). Несмотря на кажущуюся сложность горячих клавиш, нужно немного потренироваться и пальцами только левой руки вы легко сможете нажимать данную комбинацию.

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

Смотрим информацию под картинкой и видим, что вес стал 41 Кб. При этом картинка смотрится весьма прилично, хотя ее размер стал в 10 раз меньше!

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

Если вам не нравится качество, вы сразу же может его изменить на «Высокий», «Очень высокий», «Наилучшее» или ползунком в строке Качество, изменить цифры.

Если картинка была в другом формате, выберите вместо JPEG, соответственно GIF, а в случае с PNG – PNG-24.

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

Совет из собственной практики.Если обрабатываете много однотипных картинок, то после указания формата и качества (например, JPEG – Средняя), данные настройки будут сохранены. Вам останется после появления окна «Сохранить для Web», 3 раза подряд нажать клавишу ENTER. Таким образом, вы мгновенно откроете и закроете окна сохранения и замены файла.

Ну, очень ускоряется обработка изображений!

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

Как уменьшить вес картинки? Но сначала: зачем это нужно?

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

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

Помимо всего прочего скорость загрузки страницы — это очень полезно для поведенческого фактора.

Так сложилось, что когда я загружаю страницы через свой 3g модем, а скорость там не слишком высокая, больше всего меня убивают страницы, которые долго грузятся. И все это из-за тяжелых картинок! Это Адски убивает желание заходить на сайт, где страницы грузятся больше чем по 10 секунд. И я уверен, что так везде. Если ваши страницы грузятся очень долго — то это ни куда не годится.

Зачем нужно уменьшать вес картинки? 

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

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

Теперь, настало время узнать: Как уменьшить вес картинки в фотошопе!

Лучшим и вполне простым инструментом для уменьшения веса картинки является программа Фотошоп.

Давайте уменьшим вес одной картинки…

Картинка вестом 4,2 мб, ее формат: 3200 пикс. х 2400 пикс. — это непозволительно много для сайта, загрузив несколько таких картинок на страницу — он будет грузиться мучительно долго.

Чтобы уменьшить вес картинки в Фотошопе, необходимо:

1. Загрузить картинку в фотошоп, просто перетянув ее в рабочее окно фотошопа.

2. Жмем Файл/Сохранить для Web…

3. Здесь, в настройках сохранения, выбираем формат JPEG и изменяем формат ширины: из 3264 на 1000 пикс. Высота автоматически изменится. И нажимаем Сохранить

И это все что требовалось сделать, теперь вес картинки трансформировался из 4,2 мб в 179 кб, это почти в 24 раза меньше. При этом качество практически не пострадало.

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

Желаю вам успешной оптимизации и быстрой загрузки ваших страниц.

Как уменьшить размер файла JPEG в Photoshop CS5

Управление размерами файлов изображений важно, если вы работаете в Интернете. Google ценит скорость сайта при ранжировании веб-страниц, и большие изображения являются большим фактором, способствующим этой скорости. Поэтому вам может быть интересно, как уменьшить размер файла в Adobe Photoshop CS5.

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

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

Как уменьшить размер файла в Adobe Photoshop CS5

  1. Щелкните Файл .
  2. Выберите Сохранить для Интернета и устройств .
  3. Выберите тип File .
  4. Настройте качество.
  5. Щелкните Сохранить .

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

Как уменьшить размер файла JPEG с помощью Photoshop CS5 (Руководство с изображениями)

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

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

Шаг 1. Щелкните

Image вверху окна, затем щелкните Image Size .

Шаг 2: Убедитесь, что флажок слева от

Сохранять пропорции установлен в нижней части окна.

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

Шаг 3. Щелкните

Файл вверху окна, затем щелкните Сохранить как .

Шаг 4. Введите имя файла в поле

Имя файла , затем щелкните раскрывающееся меню справа от Формат и выберите вариант JPEG . По завершении нажмите Сохранить .

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

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

Как использовать сохранение для Интернета и устройств в Photoshop CS5 (Руководство с изображениями)

Вы также можете использовать опцию Save for Web & Devices в меню File после того, как вы укажете размеры и разрешение для вашего изображения.

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

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

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

Дополнительные источники

Мэтью Берли пишет технические руководства с 2008 года. Его статьи были опубликованы на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

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

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

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

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

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

PRO TIP: Как правило, мы хотим, чтобы фотографии наших продуктов были не более 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

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

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

1) Зачем нужно изменять размер / уменьшать размер изображений?

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

2) Рабочий процесс изменения размера изображения

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

  1. Импорт изображений в Lightroom
  2. Внесите необходимые корректировки в изображение, размер которого я хочу изменить
  3. Откройте изображение в Photoshop
  4. Очистите изображение (частицы пыли сенсора, нежелательные объекты и т. д.) с использованием точечного исцеления и других инструментов
  5. Выполните дополнительные настройки изображения, такие как усиление контрастности, осветление и затемнение, уровни и кривые и т.д.
  6. Выполните однократное снижение шума (применяется только в том случае, если есть видимый шум на уровне 100%)
  7. Выполните один проход повышения резкости на 50-75% (Unsharp Mask) — этот шаг необходим только в том случае, если вы будете использовать изображение с высоким разрешением для печати. шириной по горизонтали и 500 пикселей по вертикали)
  8. Выполните еще один проход повышения резкости на 25-50% (Unsharp Mask)
  9. Экспорт изображения в цветовом профиле sRGB

Pro cess может показаться сложным, но на самом деле это не так.Я делаю это не с каждым изображением — только с изображениями, которые я хочу продемонстрировать (например, при публикации обоев и т. Д.). Все остальное обрабатывается очень просто — просто экспортируется прямо из Lightroom.

3) Процесс изменения размера изображения

  1. Во-первых, давайте откроем нашу фотографию в Photoshop, перейдя в File-> Open и выбрав фотографию, которую мы хотим отредактировать:

    Убедитесь, что вы выбрали файл с полным разрешением, а не версию с ранее измененным размером . Если вы используете Lightroom, просто щелкните правой кнопкой мыши целевое изображение и выберите «Правка» -> «Открыть в Photoshop».Я предполагаю, что вы уже поработали над своей фотографией и отрегулировали ее экспозицию, уровни, насыщенность и т. Д. (Camera RAW или Lightroom). Всегда следите за тем, чтобы редактировать проблемные области в полном разрешении, поэтому делайте это либо с помощью встроенных инструментов Lightroom, либо в Photoshop. Я предпочитаю последнее, когда знаю, что буду работать в Photoshop.

  2. После редактирования изображения с полным разрешением запустите однократное шумоподавление. Я предпочитаю процесс выборочного шумоподавления, который убирает шум только в проблемных местах.Если вы не знаете, как правильно уменьшить шум, см. Мой учебник по шумоподавлению. Я предпочитаю использовать коммерческие инструменты, такие как Nik Software Dfine, для избирательного шумоподавления, потому что они делают это намного чище и дают наилучшие результаты. Если у вас нет коммерческого инструмента для этого, воспользуйтесь встроенным в Lightroom инструментом шумоподавления. Я считаю, что он работает лучше, чем фильтр «Уменьшение шума» в Photoshop. Вот скриншот программы Nik Software Dfine для уменьшения шума:

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

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

    Обязательно примените хорошую технику повышения резкости к изображению с высоким разрешением. Хотя коммерческие инструменты отлично подходят для этого шага, встроенные фильтры Photoshop, такие как «Нерезкая маска» и «Умная резкость», тоже отлично работают.Здесь я использую 75% резкость с радиусом в 1 пиксель:

    Опять же, есть много разных способов повышения резкости изображений. Если вы предпочитаете повышать резкость в Lightroom, см. Мою статью «Как повысить резкость изображений в Lightroom».

  4. Теперь мы находимся на очень важном этапе — мы будем понижать дискретизацию изображения, чтобы снизить разрешение изображения. Для этого перейдите в Image-> Image Size, и вы увидите следующее диалоговое окно:

    На этом этапе вы должны выбрать целевое разрешение.Я лично экспортирую 1024 пикселя в ширину, но вам может потребоваться экспорт меньшего или большего размера (в зависимости от того, что вы хотите с этим делать). Обязательно установите флажок «Сохранить пропорции» внизу. Теперь введите размер целевого пикселя в поле «Ширина», выбрав «пиксели» рядом с ним. По мере ввода ширины вы увидите, что высота автоматически изменится на меньшее число. Для меня Photoshop автоматически выбрал «681», как показано ниже:

    Следующая большая задача — выбрать метод передискретизации.В самом низу экрана вы должны увидеть выпадающий список со следующими вариантами: Ближайшее соседство, Билинейный, Бикубический, Бикубический сглаживающий и Бикубический более резкий. Я лично предпочитаю «бикубический (лучше всего для плавных градиентов)», потому что он отлично справляется с уменьшением шума без повышения резкости изображения (что мы уже сделали). Иногда я использую «бикубическую резкость» для некоторых изображений, но я предпочитаю «бикубическую резкость». Щелкните OK после того, как сделаете свой выбор.

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

    Помните, что это ваш последний шаг, чтобы ваше изображение выглядело хорошо, поэтому будьте очень осторожны с его резкостью. Выберите область изображения с наибольшей детализацией и поиграйте с настройкой резкости «Amount».Я установил свой на «50%», и этого было достаточно, чтобы выделить нужные мне детали. Я мог бы сделать «75%» с радиусом в 1 пиксель и все равно получить хороший результат, поэтому диапазон 50% -75%, кажется, отлично подходит для этого конкретного изображения. Все фотографии разные, поэтому вы можете использовать 25-75%. Убедитесь, что изображение не слишком резкое!

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

    Этот экран очень важен, потому что он управляет форматом, разрешением и другими важными вещами, которые будут встроены в ваше изображение. Сначала выберите JPEG в качестве формата. Я обычно устанавливаю качество «80%», что является хорошей целью для фотографий. Я считаю, что все, что ниже 70%, заметно ухудшает качество изображения, а все, что выше 80%, является излишним для Интернета. Убедитесь, что отмечены как «Оптимизированный», так и «Встроенный цветовой профиль».Размытие должно быть равно 0, а матовый не имеет значения (по умолчанию белый). Затем обязательно отметьте «Преобразовать в sRGB» — это нужно, чтобы цвета на фотографиях отображались правильно. Я также часто оставляю свои метаданные «Авторские права». Нажмите «Сохранить», выберите место для сохранения окончательного изображения, дайте ему имя и снова нажмите «Сохранить».

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

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

А вот еще одно изображение, обработанное таким же образом:

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

Как изменить размер изображения в Adobe Photoshop: 6 шагов (с изображениями)

Об этой статье

wikiHow — это «вики», похожая на Википедию, что означает, что многие наши статьи написаны в соавторстве несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 9 человек (а). Эту статью просмотрели 228,574 раз (а).

Соавторы: 9

Обновлено: 5 мая 2021 г.

Просмотры: 228,574

Резюме статьиX

Вы можете использовать Adobe Photoshop на своем ПК или Mac, чтобы изменить размер практически любого изображения. Во-первых, если вы не сделали резервную копию исходного изображения, щелкните меню Файл , выберите Сохранить как , введите новое имя файла для изображения с измененным размером, например, с измененным размером файла, а затем нажмите Сохранить .Затем щелкните меню Изображение и выберите Размер изображения . Вы увидите текущий размер вашего изображения в пикселях рядом с полями «Ширина» и «Высота». Если вы предпочитаете использовать другую единицу измерения, а не пиксели, например миллиметры или дюймы, щелкните треугольник рядом с полем «Размеры» и выберите эту единицу. Теперь введите новый размер ширины в поле «Ширина». Когда вы вводите ширину, значение высоты изменяется автоматически, чтобы сохранить пропорции изображения, гарантируя, что версия с измененным размером не растягивается и не деформируется.Если вам нужно указать точные размеры высоты и ширины, нажмите кнопку ссылки, чтобы отключить автоматическое определение пропорций, а затем введите свои измерения.

Другой способ изменить размер изображения — увеличить или уменьшить его на определенный процент от исходного размера. Для этого выберите Процент в меню рядом с «Высота» и «Ширина», а затем введите процентное значение. Например, если вы хотите, чтобы высота была вдвое больше, чем сейчас, вы должны ввести «200 процентов». Когда вы будете удовлетворены настройками размера, нажмите OK , чтобы просмотреть изображение с измененным размером.Не забудьте щелкнуть меню Файл и выбрать Сохранить , чтобы не потерять свою работу.

  • Печать
  • Отправить письмо поклонника авторам

Спасибо всем авторам за создание страницы, которую прочитали 228 574 раза.

Как уменьшить размер файла изображения? »Изображения» Mac »Tech Ease

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

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

Сжатие JPG

Сжимать JPG (также называемый JPEG) проще всего, потому что нужно учитывать только одно: качество. При экспорте в JPG из программы редактирования изображений вам будет предложено выбрать желаемый уровень качества. Вы можете просто увидеть несколько вариантов, например: низкий, средний, высокий или максимальный.Вам может быть задан диапазон чисел, например от 0 (низкое качество) до 12 (высшее качество). Или вас могут попросить выбрать процентное значение от 0% (низкое качество) до 100% (высшее качество). Вы всегда должны выбирать самое низкое качество, которое все еще подходит для ваших целей.

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

Качество 100%, размер файла 103 КБ
Изображение ниже было экспортировано с качеством 100%.Эта настройка редко когда когда-либо понадобится.

Качество 80%, размер файла 48 КБ
Настройка 80% практически неотличима от настройки 100%. Но давайте посмотрим, сможем ли мы сжать его дальше.

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

Качество 40%, размер файла 17 КБ
Для многих обычных целей приемлемо даже такое изображение с качеством 40%.И загружается в пять раз быстрее оригинала.

Качество 20%, размер файла 12 КБ
Ужасно здесь.

Качество 0%, размер файла 7 КБ
Блочность экстремального сжатия JPG очевидна.

Пример фотографии из коллекции стоковых фотографий растений FCIT на веб-сайте ClipPix ETC.

Еще один способ сохранить размер файла в формате JPG — слегка размыть изображение перед его сжатием. Изображение с меньшим количеством резких краев и четкими деталями сожмется намного меньше.Возможно, вы собираетесь использовать фотографию в качестве фонового изображения. Это идеальный случай для использования размытой фотографии. Вы даже можете размыть только части изображения и добиться экономии файлов. Ниже фото лилейной лилии на насыщенном фоне. Размер файла составляет 77 КБ при сжатии с качеством 60%.

Если мы возьмем то же изображение, выберем фон в программе редактирования изображений, такой как Photoshop, а затем размыем выделение, только фон будет размытым, а цветок останется резким. Фотография ниже была экспортирована в формат JPG с теми же настройками качества 60%, что и выше, и имеет размер всего 54 КБ — это экономия около 30% от размера файла, поэтому он будет загружаться намного быстрее.В этом примере мы получаем немного более художественную фотографию, где фокус остается должным образом на самом цветке, а также достигается значительная экономия в размере файла. Это беспроигрышный вариант.

Последнее замечание о JPG. Помните, что это формат с потерями. Каждый раз, когда вы сохраняете файл в формате JPG, вы теряете качество. Если вы думаете, что когда-нибудь снова захотите использовать ту же фотографию, обязательно сохраните оригинал в таком формате, как TIFF или PSD, а затем просто экспортируйте файл в JPG. Это дает вам как сжатый JPG для использования в Интернете, так и исходный несжатый файл, который вы можете использовать позже.Единственное, чего вы определенно не хотите делать, — это сохранять вашу единственную копию файла как сжатый JPG, повторно открывать ее для редактирования и снова сохранять как JPG. Это все равно что делать ксерокопии фотокопий. С каждым разом качество будет ухудшаться. Всегда лучше вернуться к исходному несжатому файлу.

Сжатие GIF

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

изображений GIF ограничены 256 цветами, но вы можете установить меньшую глубину цвета для существенной экономии размера файла. Для достижения наилучших результатов попробуйте выбрать одно из следующих чисел или чуть меньше: 256, 128, 64, 32, 16, 8, 4 или 2. Например, если в вашем изображении 33 цвета, вы вы сможете значительно сократить размер файла, если уменьшите палитру до 32 цветов, но вы не получите такой же экономии при переходе с 32 до 31 цвета.

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

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

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

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

Образец рисунка из коллекции иллюстраций роботов FCIT на веб-сайте TIM.

Сжатие PNG

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

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

Экспорт в PNG-8. Если вы экспортируете в PNG-8 из графической программы, вы увидите интерфейс, очень похожий на GIF. Как и в случае с GIF, вам нужно будет выбрать количество цветов (2, 4, 8, 16, 32, 64, 128 или 256), добавлять ли шаблон дизеринга или нет, и нужна ли вам прозрачность или нет. Единственное существенное отличие состоит в том, что PNG-8 будет немного меньше.

Вот мультфильм, экспортированный как 32-цветный GIF. Размер файла 13,6 КБ.

Вот тот же рисунок, экспортированный как 32-цветный PNG с точно такими же настройками, как указано выше.Размер файла 10,2 КБ. Это сокращение размера файла на 25%.

Образец графики из коллекции технических мультфильмов FCIT на веб-сайте TIM.

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

Вот фотография ара, экспортированная в формате PNG-24. Размер его файла составляет 400 КБ.Это довольно много.

Вот та же фотография, экспортированная в формате JPG с настройкой максимального качества (100%). Размер его файла 259 КБ.

А вот та же фотография, экспортированная в формате JPG с настройкой высокого качества (60%). Размер его файла составляет всего 69 КБ.

Пример фотографии из коллекции стоковых фотографий животных FCIT на веб-сайте ClipPix ETC.

Вау, если PNG в 5 или 6 раз превышает размер файла пригодного для использования JPG, зачем мне его использовать? Что ж, может быть несколько причин для выбора PNG-24 вместо JPG.

1. Если вам нужна прозрачность изображения, необходим PNG, потому что JPG не поддерживают прозрачность.

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

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

Связанные страницы

В чем разница между растровыми и векторными изображениями?
Что такое битовая глубина?

Как легко оптимизировать изображения для Интернета (без потери качества)

Знаете ли вы, что оптимизация изображений перед загрузкой в ​​WordPress может иметь огромное влияние на скорость вашего сайта?

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

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

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

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

Что такое оптимизация изображения? (Оптимизированные и неоптимизированные изображения)

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

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

Вот пример оптимизированного и неоптимизированного изображения:

Как видите, при правильной оптимизации одно и то же изображение может быть на 75% меньше оригинала без потери качества.

Как работает оптимизация изображения?

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

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

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

Почему так важна оптимизация изображения? Каковы преимущества оптимизации изображений?

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

  • Более высокая скорость веб-сайта
  • Улучшен рейтинг SEO
  • Более высокий общий коэффициент конверсии продаж и потенциальных клиентов
  • Меньше хранилища и пропускной способности (что может снизить стоимость хостинга и CDN)
  • Более быстрое резервное копирование веб-сайтов (также снижает стоимость хранения резервных копий)

Помимо видео, изображения — это следующий по значимости элемент на веб-странице.Согласно HTTP-архиву, изображений составляют в среднем 21% от общего веса веб-страницы.

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

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

Согласно исследованию Strangeloop, задержка загрузки веб-сайта в одну секунду может стоить вам 7% продаж, на 11% меньше просмотров страниц и на 16% снижения удовлетворенности клиентов.

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

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

Видеоурок

Подписаться на WPBeginner

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

Как сохранить и оптимизировать изображения для повышения производительности в Интернете?

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

Три вещи, которые играют огромную роль в оптимизации изображения:

  • Формат файла изображения (JPEG против PNG против GIF)
  • Сжатие (более высокое сжатие = меньший размер файла)
  • Размеры изображения (высота и ширина)

Выбрав правильную комбинацию из трех, вы можете уменьшить размер изображения до 80%.

Давайте рассмотрим каждый из них более подробно.

1. Формат файла изображения

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

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

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

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

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

На WPBeginner мы используем все три формата изображений в зависимости от типа изображения.

2. Сжатие

Следующее — сжатие изображений, которое играет огромную роль в оптимизации изображений.

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

Большинство инструментов для редактирования изображений, таких как Adobe Photoshop, On1 Photo, GIMP, Affinity Photo и другие, имеют встроенные функции сжатия изображений.

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

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

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

Мы расскажем больше об этих плагинах WordPress позже в этой статье.

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

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

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

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

Например, мы оптимизировали фотографию с исходным размером файла 1,8 МБ, разрешением 300 точек на дюйм и размером изображения 4900 × 3200 пикселей.

Мы выбрали формат jpeg для более высокого сжатия и изменили размеры до 1200 × 795 пикселей, а также уменьшили размер файла изображения до 103 КБ. Это на 94% меньше исходного размера файла.

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

Лучшие инструменты и программы для оптимизации изображений

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

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

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

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

Adobe Photoshop

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

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

GIMP

GIMP — это бесплатная альтернатива популярному Adobe Photoshop с открытым исходным кодом. Его можно использовать для оптимизации ваших изображений для Интернета. Обратной стороной является то, что его не так просто использовать, как некоторые другие решения из этого списка.

Сначала вам нужно открыть изображение в GIMP, а затем выбрать опцию File »Export As .Это вызовет диалоговое окно сохранения файла. Присвойте файлу новое имя и нажмите кнопку экспорта.

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

TinyPNG

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

Они сожмут изображение и дадут вам ссылку для скачивания. Вы можете использовать их дочерний веб-сайт TinyJPG для сжатия изображений JPEG.

У них также есть расширение для Adobe Photoshop, которое мы используем в процессе редактирования изображений, потому что оно сочетает в себе лучшее из TinyPNG и TinyJPG внутри Photoshop.

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

JPEG Mini

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

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

ImageOptim

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

Альтернатива Windows

— Trimage.

Лучшие плагины для оптимизации изображений для WordPress

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

Ниже представлен наш список лучших плагинов для сжатия изображений WordPress:

  1. Optimole — популярный плагин от команды ThemeIsle.
  2. EWWW Оптимизатор изображения
  3. Сжатие изображений JPEG и PNG — плагин от команды TinyPNG, упомянутой выше в статье.
  4. Imagify — плагин от популярной команды плагинов WP Rocket.
  5. Оптимизатор изображения ShortPixel
  6. WP Smush
  7. reSmush.it

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

Заключительные мысли и передовые методы оптимизации изображений

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

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

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

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

5 Простых приемов уменьшения размера файла Photoshop (PSD)

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

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

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

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

Шаг 2. Обрезка негабаритных слоев до границ документа
Даже графика и цвета, которые вы оставите на холсте, будут добавлены к размеру вашего файла.Обязательно удалите в документе все, что находится за пределами холста. Конечно, это экономит место только в том случае, если у вас есть выступ в вашем документе. В качестве быстрого исправления нажмите CTRL + A , чтобы выбрать все, затем щелкните Изображение> Обрезать .

Шаг 3: Слияние / сглаживание слоев
Идея здесь проста: PSD со 100 слоями намного больше, чем PSD с десятью слоями. Однако будьте осторожны, выравнивание слоев деструктивно и значительно снижает вашу способность вносить изменения в файл.Сглаживайте только PSD, который вы отправляете клиенту, принтеру и т. Д., И только сглаживайте слои, которые никогда не придется редактировать человеку, получающему файл.

Шаг 4: Растеризация смарт-объектов
Растеризация смарт-объекта ( Layer-> Rasterize-> Smart Object ) лишает его интеллекта, что экономит место. Весь код, который составляет различные функции объекта, теперь удален из файла, что делает его меньше.Это не слишком сложно, но о нем обычно забывают.

Шаг 5: Применение масок слоя
Маски слоев — это сложный инструмент, который может поглотить множество единиц и нулей. По сути, это дополнительные слои, которые можно спрятать у всех на виду. Щелкните маску правой кнопкой мыши, затем примените ее, и вы сможете уменьшить размер файла.

.

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

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