Оптимизация графики дизайн студия ABCname в г. Черкасы
Как мы уже знаем оптимизация графики является одним из главным в дизайне сайта ведь большинство случай от него зависит скорость загрузки вашего сайта. Но тоже нельзя им злоупотреблять ведь чем больше вы его сожмете тем больше она влияет на качество картинки. Старайтесь делать все в меру и задумано
Подробное описание про оптимизация графики
Прежде чем начать оптимизацию графики, вы можете заменить некоторые графические части на html таблицы. Используя графический фон, не забывайте о том, что файлом будет заполнена вся указанная часть.
Шаг 1 оптимизация графики, попробуйте его уменьшить, иногда достаточно для этого сделать графику 2х2 пикселя, а не 2х760. Создавая растровые графические элементы, заранее старайтесь применять по возможности как можно меньше цветов.
Шаг 2 оптимизация графики, если это будет gif, соответственно 2, 4, 8, 16, 32, 64, 128 и 256 цветов. Для интернет используйте вариант сжатия - WebSnap adaptive и не забывайте о черно-белом варианте графики, она занимает очень малые объемы.
Шаг 3 оптимизация графики, большинство "старых вебмастеров" настолько привыкли к gif, что напрочь забывают о существовании png. Думаю, что зря, потому что на данный момент он открывается всеми стандартными браузерами, и, используя его, зачастую можно сжать графику там, где, как кажется, gif уже сделал все возможное…
Шаг 4 оптимизация графики, на самом деле, для того, чтобы добиться максимально возможного сжатия графики, нужно одновременно использовать все три формата - gif, png и jpg. Gif для растровой графики, jpg для фото, а png, по возможности, для всего.
Еще одна полезная информация для вашего сайта
На данный момент в Web используется два типа растровых файлов: в форматах JPEG и GIF.
JPEG-формат хорошо передает цветовые и тоновые раскаты, размытые границы (например, фото). JPEG-файл хорошо масштабируется в броузере. Плохо передает ровные плоскости цвета, в компрессии уступает GIF-формату. При сохранении в JPEG-формате выбирайте качество "medium".
GIF-формат хорошо передет ровные плоскости цвета, жесткие границы (например, векторную графику, логотипы). Имеет максимальную компрессию, допускает прозрачный фон. Плохо масштабируется в броузере, искажает цветовые и тоновые раскаты.
Flash-формат – векторный формат, который позволяет при небольшом "весе" использовать достаточно сложную графику и анимацию. Отлично масштабируется и практически не искажает цвета.
Подбирайте минимальное количество цветов вручную (для качественной передачи одноцветного изображения на одноцветном фоне достаточно 5-8 цветов, двух-трехцветного изображения - 15-25 цветов) Если исходное изображение Grayscale, перед индексацией переведите его в RGB-гамму.
Правильно подобранное сочетание форматов и их оптимизация позволяет существенно снизить "вес" интернет страниц и сделать Ваш ресурс более удобным для использования, а значит более посещаемым
По возможности избегайте включения опции "dithering"- она увеличивает размер файла. Эта опция необходима только если в изображении присутствует цветовой или тоновой раскат.
|