Как оптимизировать графику на блоге?
В сегодняшней статье, посвященный начинающим блогерам, я хотел бы поговорить о таком важном деле, как оптимизация графики блога. Одна из «любимых» ошибок начинающих блогеров – перебор с графическими элементами. Да, сайт с множеством картинок, выпуклыми кнопками, анимированными меню и баннерами будет смотреться очень красиво, но …. именно графика является одним из основных механизмов, влияющих на скорость работы сайта. А пользователи очень-очень сильно не любят ждать, когда загрузится сайт. И чем дольше будет грузиться Ваш сайт, там большее количество пользователей уйдут, так и не дождавшись этого. Поэтому необходимо соблюдать тонкий баланс между внешней привлекательностью сайта и скоростью его загрузки.
Для начала поговорим о баннерах – как правило, именно баннеры стараются сделать наиболее красочными и часто используют анимацию. Между тем анимация значительно утяжеляет файл. Иногда приходится с этим мирится, т.к. баннеры часто являются основным источником дохода для блогеров (в моем случае, например). Но если у вас молодой блог – есть множество способов, где не обязательно использование баннеров. Например, заработок на обмене файлами. Можно зарегистрироваться в файлообменной партнёрской программе www.stock-partners.com и зарабатывать на размещении ссылок на скачивание файлов. Текстовые ссылки практически не влияют на скорость загрузки сайта, между тем отдачу от подобных программ порой можно получить больше, чем от баннерной рекламы. Особенно это актуально для развлекательных ресурсов и ресурсов с широкой тематикой. Как правило, на таких блогах баннеры стоят дешево и куда выгоднее зарабатывать на файлообменниках. Об этом Вам лучше меня расскажет Лена Перфекционистка, которая с этими файлообменниками уже давно работает.
Поговорим о графических форматах, в которых и будет выкладываться любая графика на Вашем сайте. На данный момент существует три самых популярных графических формата, для работы в интернете: JPEG, GIF, PNG.
1) JPEG – формат, специализирующийся на работе с оцифрованными фотографиями. Это формат сжатия с потерями. То есть после обработки в JPEG фотография немного потеряет в качестве. Он идеально подходит для обработки изображений с большим количеством цветов и плавными переходами цвета из одного в другой. При обработке же схематических изображений появляется некоторая нечёткость и размытость границ.
2) GIF – самый старый графический формат из рассматриваемых нами. Это формат сжатия без потери качества. В нём возможна работа с изображениями до 256 цветов, а также создание простейшей анимации.
3) PNG – существует в двух вариациях – полноцветный и с отображением по палитре. Это так же формат сжатия без потерь качества. Вариант отображения по палитре в целом схож с форматом GIF.
Итак, как же наиболее эффективно применять эти форматы:
— GIF идеально подходит для создания простейших анимированных изображений.
— JPEG незаменим при работе с цифровыми фотографиями и большими рисунками с плавными переходами цветов.
— Полноцветный вариант формата PNG лучше всего использовать для небольших изображений с четкими контурами, например для логотипов и названий сайтов в шапке.
— Для обработки схем и вспомогательных элементов графики сайта лучше всего подойдут форматы GIF и PNG в варианте отображения по палитре.
— Для баннеров еще актуален вариант с Flash.
Стараюсь редко выкладывать графику на блог, да, и не больших размеров.
Ну а статья, как всегда на высоте — все подробно и весело 🙂
В качестве дополнения советую обратить внимание на подборку инструментов для оптимизации графики.
А я вот люблю .png — за его прозрачность.
[…] Амирханов рассказывает, как оптимизировать графику на блоге, чтобы посты быстрее грузились. Парни и девушки, […]
[…] Как оптимизировать графику на блоге узнаете после прочтения поста от Ленара Амирханова […]
По поводу *.png
Из перечисленных в статье, форматов он самый тяжелый. Им злоупотреблять не желательно. И юзать его в пределах разумного.
Да ладно. Тут в каждом конкретном случае смотреть надо. Иногда, и довольно часто, графика в формате .png имеет меньше объем, чем тот же .gif или .jpg По самому простому проверить сжатый для web файл по Фотошопу и выбрать оптимальный в размере.
PNG конечно красив, пару изображений конечно выкладываю в блоге) Все больше сайтов почему то используют PNG.