Если у вас есть веб-сайт или вы работаете на нем, вы знаете, как важно, чтобы изображения были небольшого размера. Время загрузки страницы, которое иногда может даже повлиять на решение посетителя остаться на странице, может зависеть от того, насколько хорошо оптимизированы изображения.
К счастью, есть несколько довольно хороших инструментов, которые позволяют легко оптимизировать изображения без потери качества. Вы просто должны знать, где искать.
Не идти на компромиссы с точки зрения качества имеет первостепенное значение, потому что показ вашим посетителям изображений, которые выглядят не очень хорошо, также может привести к тому, что вы их потеряете.
Следующие веб-сайты помогут вам достичь обеих этих целей простым и удобным способом. Итак, без лишних слов, давайте посмотрим, на что способны эти сайты (конечно, есть и хорошие настольные инструменты, такие как RIOT).
Чтобы получить лучшее представление о силе этих веб-сайтов, я решил использовать два файла — JPG и PNG (одно и то же изображение в разных форматах). В зависимости от форматов файлов, с которыми может работать соответствующий веб-сайт, я использовал их оба или только один из них. Размер JPG составлял 255 килобайт, а размер PNG — 2,54 мегабайта..
Разрешение обоих файлов было 1920×1040.
1. TinyPNG.com
Мой личный фаворит и сайт, который очень хорошо выполняет свою работу. Как следует из названия, это только для файлов PNG.
TinyPNG использует интеллектуальное сжатие, чтобы уменьшить размер файлов PNG без заметной потери качества. Лично я не уверен, смогу ли я отличить исходное изображение от полученного в большинстве случаев.
Чтобы использовать его, вы можете просто поместить свой PNG в выделенное место на веб-сайте или щелкнуть это место и загрузить их. После загрузки сайт творит чудеса, и вы можете загрузить конечный результат.
В моем случае файл размером 2,7 мегабайта превратился в файл размером 984,5 килобайта. Я пытался сравнить два изображения, но не нашел большой разницы.
2. Webresizer.com
Этот инструмент поддерживает файлы GIF, JPG и PNG. Он делает то же самое — использует алгоритмы с потерями для уменьшения размера вашего изображения.
Начать с нажав Изменить размер фотографий сейчас и вы обнаружите, что он может дать немного больше. Вы можете обрезать изображения, сделать их более четкими, добавить рамку или даже добавить оттенок, экспозицию или контраст.
Вы также можете выбрать устраивающую вас величину потери качества (в случае изображений JPG).
Классный совет: Помните, что Web Resizer также изменит размер вашего изображения, но вы можете ввести его ширину, чтобы избежать этого.
В случае с моим PNG-файлом это мало что дало, как вы можете видеть на изображении выше. Однако мой файл JPG уменьшился на 8%, с 255 килобайт до 233.
Тем не менее, он заслуживает похвалы за предлагаемые варианты. Если вам нужно более полное редактирование веб-изображений, попробуйте Редактор изображений Google+, который также может добавлять эффекты HDR.
3. CompressJPEG.com/CompressPNG.com
CompressJPEG и CompressPNG — родственные сайты с точно таким же интерфейсом. Каждый из них позволит вам обрабатывать очередь до 20 файлов одновременно. Их можно сбросить, а можно нажмите кнопку Выбрать файлы.
CompressJPEG также может сжимать файлы BMP и PNG, но они сначала конвертируются в JPEG. Его дочерний сайт также поддерживает файлы BMP, ICO, GIF и JPG, но сначала конвертирует их в свой любимый формат.
Как только вы нажал Загрузить очередь и ваши файлы завершили загрузку, щелкните миниатюру изображения, которое вы хотите настроить, и вы сможете сравнить исходное и сжатое изображение и решить, с какой степенью сжатия вы согласны. После этого нажмите Компресс (вы даже можете увеличивать и уменьшать масштаб, чтобы увидеть эффекты).
Я выбрал 80, так как это значение по умолчанию. Мой файл JPEG размером 255 КБ был сжат до 189 КБ, в то время как PNG размером 2,5 мегабайта теперь будет загружаться намного быстрее, всего 959 КБ. Здесь тоже нет снижения качества.
4. Смуш.ИТ
Smush.it, принадлежащий хорошим людям из Yahoo!, утверждает, что удаляет ненужные байты из изображений, не повреждая их. Согласно странице часто задаваемых вопросов, он может работать с изображениями JPG, PNG и GIF.
В интерфейсе нет ничего особенного, но он выполняет свою работу. в Загрузчик выберите нужные изображения, затем нажмите вмиг.
Как только вы это сделаете, ваши изображения будут загружены, и после завершения обработки вы получите экран результатов (как показано ниже) с подробностями под ним.
Вы сможете скачать оптимизированные изображения в виде архива или щелкнуть ссылку в таблице сведений. Smush.it уменьшил мое изображение JPG размером 255 КБ до 233 КБ, но сказал мне, что не нашел экономии для PNG. Я попробовал другой PNG, размер которого был 938 килобайт, и ему удалось уменьшить его до 469. Думаю, его алгоритмы работают только в определенных ситуациях.
Вот оно. Если вам нужно оптимизировать или изменить размер изображений для использования на веб-сайте, есть достаточно хороших способов сделать это.
