Размер текстового файла из 1000 слов в формате txt весит примерно 5,767 байт, а картинка в формате GIF, размер которой не превысит 150 на 150 пикселей, будет весить примерно 5,746 байт. В подобных условиях очень трудно изобразить реалистичное изображение почтовой марки, не говоря уже о более сложных репродукциях.
Выше приведенные цифры важны для наглядного понимания того, какой выбор стоит перед современными программистами, которые создают сайты. Большинству обывателей кажется, что использование графики более обосновано, но нужно соблюдать определенный баланс, позволяющий достичь оптимальных результатов без существенного увеличения размеров файлов и временных затрат на их загрузку. Только использование «диетической» графики позволит сделать страницы привлекательными и информативными.
Основные способы обработки изображений:
Обрезка. Наиболее простая и эффективная возможность увеличить скорость загрузки графических файлов. При уменьшении важно соблюдать пропорциональность.
Снижение цветовой глубины. Любой графический редактор позволяет уменьшать цветность GIF файлов. При необходимости можно использовать 16 цветовую палитру (4 бит).
Использование формата JPEG. Разрешение GIF постепенно утрачивает свои позиции и уступает более современному и эффективному JPEG, который лучше передает детальность фотографий, но весит значительно меньше.
Загрузка с невысокой четкостью. Параметр lowsrc, реализованный в современных версиях обозревателя Internet Explorer, позволяет снижать качество демонстрационного файла. При этом загружается обычное изображение, а навигация по сайту становится более быстрой.
Использование копий с низким разрешением. Файлы для предварительного просмотра могут храниться в формате JPEG, а полноценные в GIF. Реализация подобного подхода требует создания нескольких графических копий, что требует времени.
Указание ширины и высоты в теге IMG. Фактические размеры графического объекта легко определяются в любом редакторе, поэтому интернет обозревателю будет легче определить количество необходимо для загрузки изображения места.
Отказ от масштабированных картинок. Использование графических редакторов вовсе не обязательно, если устанавливать нужную высоту и ширину можно в теге IMG. Отличная идея способна сэкономить уйму времени и уменьшить общий трафик при загрузке.
Обрезка GIF анимации. Эффект живого изображения достигается за счет использования нескольких картинок, наложенных одна на другую. Профессионалы практикуют технику уменьшения размера анимационного файла, исключая риск необоснованного увеличения объема GIF.
Использование функции предварительный просмотр. Использование демонстрационных картинок меньшего размера, содержащих в себе ссылку на полноразмерную картинку – это распространенный и действенный способ снизить объем графики, загружаемой при открытии страниц.
Разбивка. Большинство картинок состоят из множества отдельных частей, чем больше элементов будет насчитывать графический файл, тем лучше. Разбивка может быть осуществлена в качественном редакторе, например PhotoShop.
Сайты с «диетической» графикой легче поддаются редактированию, снижаются затраты при покупке хостинга. Максимально увеличить аудитория конкретного проекта за счет тех, кто использует соединения через низко скоростные каналы доступа можно, если позаботиться о создании текстовой версии ресурса. Пользователи современных обозревателей могут самостоятельно отключить функцию загрузки картинок.
