Загрузка больших изображений быстрее - PullRequest
2 голосов
/ 15 ноября 2011

Какие советы по загрузке большого изображения быстрее.Я смотрю на этот веб-сайт:

http://vivianoheatingandcooling.com/wp-admin

и это

http://iplanwebsites.com/404

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

http://www.gamefaqs.com/

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

Ответы [ 2 ]

5 голосов
/ 15 ноября 2011

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

В случае прыгающих овец изображение на самом деле довольно маленькое, с точки зрения разрешения. Это 550 х 1900 и весит всего 150к. Учитывая, что это почти все, что загружается, к серверу очень мало запросов, почти никаких накладных расходов ... Это будет очень быстро загружаться при большинстве приличных подключений к Интернету.

Другое изображение - это изображение с очень небольшим количеством цветов в формате GIF. Вы можете иметь изображения с действительно высоким разрешением в формате PNG и GIF и получать очень маленькие файлы, если ваша палитра относительно ограничена. Вот где эти форматы сияют - в этом случае изображение должно быть в формате png. Как png, обработанный pngcrush , он всего 40.5kb, а не 62kb.

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

2 голосов
/ 15 ноября 2011

Давайте возьмем iplanwebsites.com/404 в качестве примера:

  1. это большое изображение по размеру (ширина X высота = 550px X 1900px)
  2. НО это изображение низкого качества - 141,14 КБ - Вот почему это изображение загружается очень быстро

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

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

Помните: речь идет не только о ширине и высоте, но и о качестве изображения, количестве пикселей, количестве цветов и т. Д.

Stefan

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...