Как заставить изображение появляться и загружаться быстрее

Видео: Увеличь скорость интернета! Загрузки полетят, сайты откроются быстрее, а PING в играх снизится!

Содержание

направления
чаевые
Что вам нужно

При публикации изображений в Интернете важно убедиться, что они оптимизированы для просмотра в Интернете, чтобы вы могли быстрее загружать их. Медленная загрузка изображений, как правило, отвлекает посетителей и может помешать им в полной мере насладиться вашим сайтом. Лучший способ обеспечить более быструю загрузку изображений - это сжать как можно больше качества до фиксированного размера. Для просмотра веб-страниц желательно, чтобы размер каждого изображения не превышал 50 КБ.

направления

Оптимизируйте ваши изображения для просмотра в Интернете, они будут загружаться быстрее (Ablestock.com/AbleStock.com/Getty Images)

Используйте правильный формат. Используйте JPEG для градиентных изображений и много смешивания цветов. Для изображений, которые содержат высококонтрастные формы и текст, вы можете использовать GIF или PNG. Большинство программ для редактирования изображений поддерживает кросс-форматные преобразования.
Измените разрешение изображения до 72 точек на дюйм (точек на дюйм). Большинство экранов и мониторов отображают веб-страницы и изображения с этим разрешением. Используйте это разрешение также для уменьшения искажений и проблем с цветом.
Максимизируйте сокращение вашего изображения. Например, если объект вашего изображения расположен на сплошном фоне, обрежьте большую часть сплошного цвета. Вы получите файл меньшего размера.
Нанесите небольшое размытие на ваше изображение. Начните с применения Gaussian Blur с радиусом 0,2 пикселя. Размытие фона по Гауссу в 1,0 пикселя должно быть достаточным для уменьшения размера файла изображения примерно на 23%. Чтобы избежать потери качества, старайтесь стирать только фон вашего изображения или его части, которые не выделяются.
Изолируйте объект от изображения с помощью инструмента выбора и добавьте больше размытия к остальной части изображения. Это значительно уменьшит размер файла вашего изображения. В качестве выгоды вы выделяете то, что важно.

чаевые

В разметке HTML обязательно указывайте ширину и высоту каждого изображения, которое вы вводите. Таким образом, браузеры не должны рассчитывать идеальный размер для вашего изображения. Используйте спрайт изображения, когда вы можете. Объедините меньшие изображения в большой файл изображения, чтобы уменьшить количество HTTP-запросов, которые ваша веб-страница должна сделать. Благодаря этому вы сможете быстрее загружать изображения.