- Особенности веб-графики
- Добавление рисунка на веб-страницу
- Альтернативный текст
- Изменение размера рисунка
- Рамка вокруг изображений
- Обтекание рисунка текстом
- Отступы вокруг рисунка
- Выравнивание изображения по центру
- Сглаживание краев
- Замена текста изображением
- Прозрачность в рисунках
- Полупрозрачный слой с непрозрачным текстом
- Создание паспарту
- Добавление тени к рисунку
- Оптимизация графики
- Блок с закругленными уголками
- Эффект перекатывания

Разделы
Общие рекомендации при работе с форматом JPEG
Метки:
Хотя формат JPEG лучше всего себя показывает при сохранении фотографий, они тоже бывают разные, и объем файлов может сильно варьироваться при одних и тех же значениях ширины, высоты и качества изображения. Это зависит от некоторых принципов, использование которых позволит уменьшить размер файлов. Не обязательно им следовать, но знать их желательно:
- тонированные изображения, которые используют оттенок одного цвета, занимают меньше места, чем цветные. Еще лучше сжимаются черно-белые фотографии;
- использование размытия ведет к снижению объема файла. Здесь существует прямая зависимость — чем больше значение радиуса при воздействии фильтра «размытие по Гауссу», тем меньше размер файла. Однако сильное влияние подобных фильтров действует на изображение разрушительно;
- верно и обратное — усиление резкости краев с помощью специальных фильтров приводит к возрастанию объема файла. Этому же способствует и «шум» в изображении;
- фотографии, полученные с помощью цифровой камеры, лучше всегда пропускать через графическую программу. Любое изображение можно улучшить, обрезав лишнее и проведя цветокоррекцию, кроме того, после оптимизации уходит лишняя информация, которую добавляют в файл фотоаппараты с помощью стандарта EXIF (Exchangeable Image File Format). Всегда полезно знать, при каких условиях экспозиции делался снимок, но для веб-страницы подобные данные излишни и будут только замедлять загрузку;
- чем больше размер изображения, тем меньше в нем видны искажения, вносимые алгоритмом сжатия. Но от размера напрямую зависит и объем конечного графического файла. Кроме того, слишком широкие изображения могут просто не поместиться в заданный макет веб-страницы. Поэтому следует ориентироваться на определенное разрешение пользователей сайта и устанавливать наиболее подходящий размер картинок.
По оптимизации графических файлов в формате JPEG можно предложить следующие рекомендации:
- для сохранения картинок с чистыми цветами и четкими краями JPEG лучше не использовать, а применять формат GIF. Объем файла будет меньше, а ненужные искажения не произойдут;
- профиль ICC в изображение лучше не включать — это ведет к увеличению дополнительной информации, а то, что на другом мониторе происходит искажение цветовой гаммы, не сильно влияет на восприятие изображения;
Для некоторых изображений, где критически важно сохранить высокое качество определенных областей совместно с малым размером файла, можно использовать альфа-каналы и маски. Здесь приходится к каждому изображению подходить индивидуально, поэтому подобная техника применяется достаточно редко.

Отправить комментарий