Об иллюстрациях вообще

Формат JPEG

Формат GIF

GIF - Graphics Interchange Format, формат взаимообмена графикой. Изображение не может содержать более 256 цветов (именно поэтому он не пригоден для фотографий), файл может содержать несколько изображений и описание, отражающее последовательность их воспроизведения, то есть, может использоваться для записи анимации. Формат поддерживает прозрачный фон, что делает его чрезвычайно удобным, когда есть необходимость размещения какого-либо графического элемента на сложной текстуре. Анимированные GIF умеет делать PhotoShop версии 5.5, совмещенный с ImageReady*. Кроме того, существует огромное количество программ сторонних разработчиков, которые поддерживают как анимированные, так и статичные GIF, в том числе и специально приспособленные к работе с изображениями для Интернета. Одной из лучших программ можно считать Ulead GifAnimator версии 2 и выше, а также Gif Construction Set версии не ниже 1.3. Все эти программы позволяют очень качественно «сжимать» полученные файлы, эффективно уменьшая их объем.

Содержит не менее 8 бит на канал, то есть может содержать только полноцветное или серое изображение, а следовательно, плохо приспособлен для деловой графики. Важное отличие от GIF (как и от других графических форматов) - искажающее сжатие, которое позволяет получить изображение очень маленькое. Алгоритм сжатия основан на удалении части цветовой гаммы изображения, с учетом того, что в целом и сложном изображении человек не очень хорошо различает близкие цвета. За счет этого изображения могут быть сжаты в несколько сотен раз, однако, чем больше сжатие, тем больше полутонов удаляется и тем заметнее искажения в изображении. Формат JPEG поддерживается всеми современными графическими программами, включая и самые простые.

Принято считать разрешение мониторов равным 72 dpi. Поэтому все изображения для web следует подготавливать именно с таким разрешением. Также важно обязательно учитывать, что в нашем распоряжении есть не более 600-700 точек по ширине экрана, иначе не избежать горизонтальной прокрутки изображения.

Для фона надо приготовить изображение форматом 100*100 точек и браузер сам повторит его по всему полю экрана пользовательского монитора. Подогнать края можно, немного растушевав 5-6 пикселов по обрезу картинки.

В зависимости от назначения изображения стоит придерживаться следующих эмпирических размеров:

Для большого баннера 468х60 - не более 15 kb - это требование большинства баннерных сетей.

Для кнопок навигации - 1-2 kb, чтобы они не перегружали страницу.

Для основного изображения - не более 100 kb, причем, только в том случае, если изображение самое главное содержание конкретной страницы.

Для фонового изображения - 5 kb, но лучше сделать фон не более 3 kb.

Все эти размеры, теоретически должны укладываться в общую величину 70-100 килобайт на страницу, хотя, надо сказать, что и эти цифры достаточно высоки для средних страниц, обычно, если не слишком увлекаемся анимацией и Java, общий объем не будет получаться более 30-40 kb (если это не галерея картинок).