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

Рокайя Йесмин Мунни

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

Получите бесплатные советы по электронной торговле и фотографии продуктов

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

Оглавление

  • Как уменьшить размер изображения в Photoshop
  • Бесплатные веб-инструменты для редактирования изображений и уменьшения размера файла.
  • Веб-инструменты для сжатия изображений и уменьшения размера файла.
  • Дополнительные инструменты для сжатия изображений и уменьшения размера файла.
  • Плагины, уменьшающие размер изображения в вашей CMS.
  • Передайте свои потребности в изменении размера изображения
  • Итог

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

Но есть способы уменьшить размер изображения и сохранить качество. Вот как:

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

Для этого урока мы использовали Adobe Photoshop CC 2017. Точные шаги могут отличаться для других версий Photoshop.

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

Если вы обрезаете изображение для миниатюры, вы можете легко выбрать соотношение сторон 1: 1 в верхнем левом углу после выбора инструмент Обрезка .

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

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

А вот и хитрость часть — собственно изменение размера изображения и его сжатие.

В окне Сохранить для Интернета есть несколько функций, на которые следует обратить внимание.

  1. 2-UP (и 4-UP): Это обеспечивает параллельное -стороннее сравнение исходного изображения со сжатым файлом. 4-UP автоматически генерирует параметры с меньшим сжатием для дополнительного сравнения.
  2. Формат файла: Формат .jpeg обеспечивает максимальное сжатие.
  3. Качество сжатия: выберите из предустановок низкое, среднее, высокое, очень высокое и максимальное, в зависимости от ваших требований к сжатию и размеру файла.
  4. Прогрессивный vs. оптимизированный: прогрессивный — лучший выбор, но он не всегда совместим со всеми браузерами. Прогрессивный режим позволяет загружать изображение за несколько проходов с увеличением разрешения и качества. Оптимизированный также допускает дополнительное сжатие, но файлы не так совместимы. Вы можете выбрать один или ни один из них.
  5. Ползунок качества : постепенное масштабирование качества для увеличения сжатия при сохранении качества изображения.
  6. Размер изображения: установите размеры вашего изображения. Если вы знаете точные размеры, которые вам нужны, вы можете ввести их здесь. Или, если вы хотите уменьшить размер на процент, вы также можете использовать масштабатор процентов. Всегда соблюдайте пропорции, убедившись, что значок блокировки/переключатель выбран. Это гарантирует, что ваше изображение не будет искажено при изменении размера изображения.
  7. Выбор передискретизации: Вот как Photoshop «перестраивает» части данных изображения, которые изменяются во время сжатия. Каждый раз, когда вы увеличиваете или уменьшаете размер изображения, вы изменяете исходную пропорцию изображения по отношению к пикселям на дюйм и размерам. Бикубический режим создает более плавные градиенты, но не допускает максимального сжатия. Изучите другие варианты, такие как Ближайшее соседство (самый простой и худший способ сохранения деталей), Билинейный (обычно лучше для повышающей дискретизации), Бикубический сглаживающий (предназначен для повышения дискретизации) или Бикубический более резкий (лучше для понижающей дискретизации/сохраняет детали).
  8. Размер файла изображения и скорость загрузки: Здесь отображается формат файла, текущий размер файла оптимизированного изображения и текущая скорость загрузки изображения на основе различных скоростей Интернета.

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

Бесплатные веб-инструменты для редактирования изображений и уменьшения размера файла

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

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

По теме: 17 вверх советы по экономии времени, чтобы вы могли развивать свой фотографический бизнес.
Подробнее

Веб-инструменты для сжатия изображений и уменьшения размера файла

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

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

ImageOptim : ImageOptim можно использовать в вашем веб-браузере или через приложение Mac. Чтобы сжать файлы, ImageOptim избавляется от метаданных EXIF, таких как положение GPS и серийный номер камеры, однако вы можете оставить указанные метаданные без изменений (что важно для оптимизации фотографий вашего продукта для SEO).

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

Дополнительные инструменты для сжатия изображений и уменьшения размера файла

pngquant : этот инструмент сжимает файлы .png, чтобы уменьшить их размер. «Преобразование значительно уменьшает размер файла (часто на 70%) и сохраняет полную альфа-прозрачность. Созданные изображения совместимы со всеми веб-браузерами и операционными системами », — говорится на сайте.

Kraken : у Kraken есть веб-приложение и API для разработчиков, которые могут обрабатывать большие объемы оптимизация изображения и изменение размера. Простой веб-интерфейс является бесплатным, и вы можете перетаскивать фотографии или загружать их, введя URL-адрес изображения. Существуют также разные варианты ценообразования в зависимости от того, с каким количеством изображений вы работаете и как часто вам нужно уменьшать их размер. Цена основана на общем количестве ГБ.

Плагины, уменьшающие размер изображения в вашей CMS

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

WordPress

  • WP Smush PRO
  • EWWW Image Optimizer
  • ShortPixel

Shopify

  • Оптимизатор изображения — сжатие и оптимизация изображений
  • Crush.pics — сжатие и оптимизация изображений
  • сжатие изображений ImageRecycle
  • SEO Photo Optimizer
  • Minifier — Оптимизация изображений и веб-сайтов

Magento

  • Image Magick

Передайте свои потребности в изменении размера изображения

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

Итог

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

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

Теги:

  • Как сделать,
  • Редактирование изображений,
  • Photoshop,
  • Советы

Рокайя Йесмин Манни

Как менеджер по цифровому маркетингу в Clipping Path India, Рокайя хочет помочь розничным торговцам и фотографам использовать маркетинговые стратегии и тактики, которые улучшат их бизнес. . Она имеет 19-летний опыт работы в области графического дизайна, управления контентом, контекстной рекламы и цифрового маркетинга.

Оцените статью
Botgadget.ru
Добавить комментарий