Подготовка изображений к публикации на сайте

← Раньше      Позже →

Количество графических элементов на веб-страницах должно быть сведено к разумному минимуму. Все декоративные элементы, что можно сделать средствами HTML должны быть сделано средствами HTML. Высший пилотаж — создание красивой и стильно выглядящей страницы без использования графики. Однако в реальности эта задача трудно выполнимая.

Тогда возникает проблема — как подготовить изображение к публикации на сайте. Формат jpeg позволяет использовать сжатие, но платой за это сжатие является потеря качества картинки. Если вы используете Photoshop версией не ниже CS, в нем есть замечательная функция — "Сохранить для веб" (Save for web), которая позволяет сократить объем файла в 2 раза практически без видимой потери качества.

Исходный файл имел объем 78 КБ (картинка любезно предоставлена Александром Щербаковым, сайт спонсора — Ловля рыбы руками)

В результате сохранения в Photoshop (Сохранение для веб)

картинка осталась вполне приемлемого качества, но ее объем уменьшился до 36 КБ

Что делать, если нет Photoshop? На этот крайний случай можно воспользоваться бесплатными онлайн-сервисами оптимизации изображений, например http://tools.dynamicdrive.com/imageoptimizer. Однако, не ждите от таких сервисов выдающегося результата. При попытке пожать исходную картинку до такого же объема результат получился удручающим.

По этой же теме:

• Откуда берутся некачественные сайты
• Организация структуры сайта
• Что разместить на главной странице сайта
• Рекомендации по выбору имени домена
• Цветовое решение сайта
• Фоновая музыка на страницах
• Каким должен быть дизайн информационного сайта
• Интерактив на сайте
• Про страшное слово «кроссбраузерность»
• Привлечение посетителей через социальные сети
• Об информерах
• «Хочу как у них!»
• О системе подсказок для пользователя
• 30 самых уродливых сайтов
• Ручной спам в блоге. Как бороться?