Оптимизация Вебсайта: Как Ускорять Ваш Вебсайт, Минимизируя Вашего GIF и Битовую глубину Изображения PNG

Вздутые изображения замедляют Ваш вебсайт и вызывают Вас потерянный бизнес? Изображения включают, более чем 50 % средней веб-страницы, настолько помещающей их на диете, являются существенными к улучшающейся работе сети. Один из лучших способов оптимизировать GIFs и PNGs состоит в том, чтобы минимизировать " bit-depth" или число цветов в пределах Ваших изображений.

Для основанных на палитре форматов как GIF и PNG, размер файла непосредственно связан с размером цветной палитры, или числом цветов в изображении. Поскольку число цветов в изображении пересекает власть два, скачки размера файла. Изображение с 33 цветами должно использовать шестибитовую палитру, в то время как изображение с 32 цветами может использовать 5-битовую палитру. Меньшие палитры означают меньшие кодексы (представляющий образцы пиксела), который делает для меньших файлов. Так уменьшение числа цветов в цветных индексом изображениях как GIFs и PNGs минимизирует размер файла.

Схемы сжатия, используемые в GIFs (LZW) и PNGs (Выкачивают), основанные на словаре алгоритмы кодирования. Словарь базировался, алгоритмы сжатия заменяют более короткими кодексами более длинные образцы последовательностей в пределах потока данных. Образцы пиксела (подпоследовательности) в потоке данных, найденном в словаре, заменены единственным кодексом. Если подпоследовательность не найдена в словаре, новый кодекс создан и добавлен к словарю. Сжатие достигнуто, когда меньшими кодексами заменяют для более длинных образцов данных.

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

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

Сжатие PNG

PNG использует выкачивающийся алгоритм сжатия, который является более новым, более эффективным кузеном LZW. Выкачайте разработан, чтобы быть свободным от доступных проблем. Выкачайте комбинация алгоритма LZ77, найденного в программах почтового индекса как WinZIP и gzip, и кодирование Huffman. Выкачивайте типично файлы компрессов, на 20 - 30 процентов меньшие чем LZW, который является различием, которое Вы найдете между gzip и компрессом. PNGs используют подобную технику замены, но вообще на 5 - 25 процентов меньше чем GIFs, хотя есть исключения. В дополнение к горизонтальной замене образца "растровой строки" PNGs иногда заменяют вертикальные образцы. PNG может также усечь цветные палитры. Вообще, чем меньший цветная палитра, тем меньший overal размер файла.

Заключение

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

Далее Чтение:

Сжатие Данных LZW



Mark Нельсон ломает алгоритм сжатия LZW для Журнала д-р Dobb's октября 1989.


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

Мультимедиа: Использование Взвешенная Оптимизация



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

Оптимизация Графики Сети



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

PNG Домашний Участок



Участок Грэга Roelofs, посвященный всем вещам PNG.

Об Авторе