Итак, поговорим о том, как оптимизировать вашу картинку. Для того, чтобы ваш сайт открывался быстрее (дальше и выше:)), необходимо либо убрать всю графику, либо постараться сделать ее как можно легче. Этого можно добиться абсолютно разными способами. Оптимальный вариант - рисовать ее в Photoshop, или любой другой программе для работы с графикой, пользуясь стандартной палитрой цветов для web. Конечно, стандартные веб-цвета убирают некоторую объемность рисунка, но с помощью экспериментов и знания инструментов программы можно добиться почти полной реалистичности при минимальном наборе цветов.
Но что делать, если картинка уже есть, готовая, красивая, яркая, но крайне тяжелая? Тогда откройте ее в том же Фотошопе, посмотрите на ее размеры, подгоните под те, которые Вам необходимы и продолжим работу.
Ваш файл можно сохранить в очень многих форматах, но в Интернете приветствуются jpeg и gif, они самые легкие и с ними работают практически все. Можете, конечно, и tiff формат попробовать, он один из самых качественных, но только тяжел он слишком:).
Попробуем проэксперементировать с jpeg. Cохранить картинку можно в трех вариантах: прогрессивном, оптимизированном и базовом, выбрав при этом качество от минимального к наивысшему. Чем меньше уровень качества, тем больше ваша картинка будет напоминать залитый водой рисунок, с которого убрали яркость и четкость границ. Если базовая задумка заключалась в этом - рекомендую воспользоваться фильтрами для обработки картинок, тогда эта размытость приобретет более потребительский, я даже не побоюсь сказать богемный вид:).
Есть вариант сохранить как gif. Это уменьшит размер файла, довольно существенно, но пользуясь палитрой для web, вы можете получить мозаичный цвет, за счет того, что веб-палитра не содержит множества оттенков, особенно если оптимизируете фотографию. (кстати если посылать по почте оптимизированную и уменьшенную фотографию - сэкономите трафик как себе, так и адресату).
Подсказка - если воспользоваться меню Image -> Adjustments - … можно с помощью тамошних инструментов подкорректировать цветность - контрастность картинки, при этом она будет уже в тех самых веб-цветах, и сохраняя картинку "Cохранить для web" вы получаете очень легкий кадр, которым уже можно пользоваться. (Частые посетители сайта, если б вы знали, сколько бы весил этот сайт, если бы путем долгой оптимизации картинки не уменьшались! :))
Еще одна проблема - когда создается анимированный гиф для работы в сети, он должен содержать как можно меньше полностью закрашенных кадров, то есть если вам нужно, чтоб на синем фоне каталось наливное яблочко - создавайте один кадр с синим фоном, и несколько кадров с яблочком на пустом фоне, тогда анимашка станет легче почти в два раза.
На сегодня все, если есть какие-то вопросы - оставляйте в комментариях, удачи!
B качестве примеров представлен кадр из фильма "Twin Peaks"
