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

SVOEMEDIA.SPACE

Шаблоны для Тильды

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

⚡️⚡️⚡️ EARLY BIRDS КУРС ⚡️⚡️⚡️ «КАК СОСТАВИТЬ РАБОТАЮЩИЙ КОНТЕНТ-ПЛАН»

Подробнее

ИП КОЛТАШОВА АЛЕКСАНДРА ВАДИМОВНА

Свидетельство о гос. регистрации: 54 № 5 150 134
ИНН: 540 618 483 335
ОГРНИП: 316 547 600 156 201
Дата постановки на учет: 25 августа 2016
Р/с: 4080 2810 5045 0000 0701
БИК: 44 525 999
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
К/с: 3010 1810 8452 5000 0999

ООО СВОЕМЕДИА

ИНН: 5405047736
КПП: 540501001
ОГРН: 1195476069887
Р/с: №40702810004500006839
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
БИК: 044525999
К/с: 30101810845250000999

Этот сайт использует куки. Без них никак. Подробнее…

ок

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

Уменьшаем размер и сжимаем картинки

Александра Колташова, стратег SVOEMEDIA
@alexandra_molodec

Ответ получен 21 февраля 2020

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

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

Какими должны быть картинки для загрузки на сайт

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

ILoveIMG

TinyPNG

Optimizilla

Готовим фото для веб в Фотошопе

Какими должны быть картинки для загрузки на сайт

Есть довольно широкие рамки: изображения, загружаемые в Тильду, должны весить меньше 5 мегабайт и быть не больше 10 000 пикселей по одной из сторон (в противном случае они просто не загрузятся). Кроме этого, если изображение загружено, то оно автоматически сжимается до 1680 пикселей по самой большой стороне.

Мы предпочитаем делать сайты на Тильде — подробнее здесь

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

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

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

ILoveIMG

Наш любимый сервис для оптимизации изображений — ILoveIMG. Вы увидите разные доступные инструменты редактирования файлов.

← В первую очередь нам потребуется изменить размер изображения

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

При пакетной обработке удобно включить галочку «Не увеличивать, если меньше» — в этом случае, если какие-то из ваших фото меньше 1680, они не будут увеличены

← Вы увидите, насколько меньше стал в итоге ваш файл (в нашем случае удалось сжать его на 72 %).

Загрузка сжатых изображений должна начаться автоматически. Если этого не произойдет — нажмите на «‎Скачать сжатые изображения»

TinyPNG или TinyJPG

Прежде чем загружать фото (в png или jpeg) в сервис TinyPNG, убедитесь, что загружаемые фото весят меньше 5 мегабайт.

← Перетащите изображение (или выберите его с компьютера) и дождитесь сжатия

Optimizilla

Сервис Optimizilla способен принять тяжелые изображения (больше 20 мб), но возможности изменить физический размер фото здесь нет.

← Перетащите изображение на голубую область (или выберите его с компьютера — «Загрузить») и дождитесь сжатия. После нажмите «Скачать»

Вообще, таких сервисов довольно много. Например: Compressjpeg, Imagify.io, Compressor.io, Imagecompressor от Websiteplanet (позволяет сжать изображение весом до 50 мб).