Итак, действительно 19.5 кб было достаточно. Главное при сохранении изображения правильно указать формат. Как это сделать читайте ниже. ( статья из инета) (вырезки) Кто хочет прочитать полностью
http://www.postroika.ru/drawing/formats.html
Итак, GIF (Graphics Interchange Format) - формат обмена графичекими данными. Разработан информационной службой CompuServe в 1987 г. (GIF 87a). Максимальный размер изображения 65536х65536 пикселов и 256 цветов. Действующая в настоящее время версия GIF (GIF89a) позволяет также хранить анимированные изображения и поддерживает прозрачность фона. GIF широко используется для хранения простых растровых изображений, содержащих большие поля одного сплошного цвета. Т.е. формат GIF лучше применять для логотипов, текста, и для других картинок, где используется один цвет или небольшое (ограниченное) количество повторяющихся цветов.
Формат GIF неэффективно применять для изображений, в которых используются плавные переходы от одного цвета к другому (например, градиент), или для многоцветных изображений (например, фотографии). На примере выше вы можете наблюдать, как ограничение формата по количеству цветов влияет на изображение: вместо плавного перехода цвета при переводе оригнала в GIF мы получили полошение. Кроме того при сохранении оптимизированного изображения (File - Save for Web) вы обнаружите, что в данном случае формат GIF будет весить много больше, чем JPEG.
Еще одна особенность формата GIF: для формата GIF выполняется сжатие по горизонтальным строкам. Эту особенность также можно использовать при оптимизации и создании изображений для веб. На примере, приведенным выше, можно убедиться, что изображение, имеющее однотонные горизонтальные полоски, весит намного меньше, чем изображение, имеющее такие же однотонные, но вертикальный полосы.
JPEG (Joint Photographics Experts Group) - стандарт на сжатие полноцветных неподвижных изображений с коофицентом сжатия более 25:1, разработанный группой JPEG. Из-за потери качества при сжатии изображения JPEG обычно не применятся в профессиональной допечатной подготовке (в полиграфии), т.к. на выводе мы получим изображение неудовлетворительного качества, однако, для просмотра в электронном виде полноцветных изображений на экранах вашего мониторов - JPEG весьма замечательный формат, т.к. он спроектирован для широкого диапазона цветов и тонких вариаций яркости тоновых изображений (таких как фотографии или изображения с градиентами). Для предоставления изображения этот формат может использовать миллионы цветов.
Чем больше степень сжатия JPEG изображения, тем больше информации в изображении теряется. Посмотрите на пример выше, рисунок слева - оригинальное изображение, рисунок справа - оптимизированный JPEG c большой степенью сжатия. Потери очевидны.
. PNG (Portable Network Graphics) - формат используемый для графических файлов в Интернет. Существует две версии формата:
- PNG-8 - аналогичен GIF, также использует индексные цвета, и имеет более хорошее сжатие, чем GIF
- PNG-24 - более интересен, он поддерживает, как JPEG много миллионов цветов, кроме того у него есть замечательная особенность, он поддерживает alpha-transparency (альфа прозрачность), т.е. частичная прозрачность пиксела (переходная прзрачность), именно этого нам не хватало, когда мы пытались ранее сделать полупрозрачную тень под надписью.
Однако, не спешите радоваться, мои дорогие друзья, PNG пока что не может стать нашим спасением, дело в том, что старые броузеры не поддерживают этот формат, кроме того альфа-прозрачность PNG не поддерживается броузером Internet Explore - самым распространенным из броузеров, белые поля вместо полупрозрачных или прозрачных писелов - это печально. Кроме того PNG не поддерживает анимацию. Т.е. пока рано говорить о PNG, как об альтернативе и замене GIF на просторах Интернет.