КАК РАБОТАЕТ ОПТИМИЗАЦИЯ РАЗРЕШЕНИЯ КАРТИНОК

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

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

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

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

Важно! Это работает для файлов с растровой графикой (*.png, *.jpg, *.gif), но не будет работать для файлов с векторной графикой (*.svg). SVG картинки следует вручную оптимизировать перед загрузкой на сайт.

Пример сжатия растровых изображений: https://examples.creatium.site/image-resize/

ОБЩИЕ РЕКОМЕНДАЦИИ ПО ЗАГРУЗКЕ

  • Можно загрузить картинки с расширениями: *.jpg, *.jpeg, *.png, *.gif, *.svg;
  • Нельзя загрузить картинки с расширениями: *.psd, *.WebP, *.TIFF, *.raw, *.bmp и так далее;
  • Максимальный вес одного файла картинки не должен превышать 4.00 МБ.

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

Конвертировать файлы изображений можно:

Если файл изображения весит больше 4.00 МБ, то для загрузки в редактор его необходимо сжать.

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

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

  • 1800px в ширину - фон секции;
  • 1200px в ширину - фон виджета;
  • 960px в ширину - в виджете ”Картинка”.

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

Вы нашли ответ?