Сокращение времени загрузки изображения?

Question

Мне было интересно, есть ли другие способы сжатия моих изображений или какой-либо скрипт, который бы загружал страницу быстрее / или изображения за кадром?

Сайт очень интерактивный и использует очень качественные слои изображений для основного макета. Я уже сохранил для веб-устройств в Photoshop и повторно сжал с помощью ImageOptim, некоторые из них jpeg, но большинство png24 для поддержания прозрачности, все они установлены в CSS.

Я использовал спрайты jpegs и css, где могу, но есть одна, в частности, иллюстрация дерева, растягивающаяся на полную длину сайта, которая действительно замедляет время загрузки, есть ли какие-либо другие, которые я могу сжать эти изображения дальше или кодировать их иначе что я пропустил? Любая помощь будет большой благодарностью!

Answer 1

Вы сказали, что спрайт. Это хорошо.

Вы также можете использовать такие инструменты, как PNGcrush, которые пытаются уменьшить размер файлов, удаляя такие вещи, как метаданные.

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

Answer 2

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

Answer 3

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

Answer 4

Вы можете сжать их на лету с помощью Apache, если это ваш веб-сервер. Одна из многих доступных статей на эту тему: http://www.samaxes.com/2009/01/more-on-compressing-and-caching-your-site-with-htaccess/