Оптимизация картинок для WEB

Статус
В этой теме нельзя размещать новые ответы.
очень часто вижу картинки сохранены в формат .png какие плюсы и минусы у этого формата? знаю только один минус 6ой осел не умеет показывать изображения без фона как гифы.
png легче по весу чем gif в большинстве случаев и качественнее отображает картинку. А насчет ослика 6, придется использовать хаки, но радует, что ie6 сильно теряет позиции в последнее время.
 
Есть програмка для сжатия изображения, качество поболее чем у шопа. Advanced JPEG Compressor жмет очень хорошо.
 
у лебедева в техногрете посмотри - единственная толковая инфа по оптимизации графики

вы ее читали? инфу об оптимизации графики? поняли?

если поняли объясните мне тупому о каких восьми квадратах там говориться в статье про оптимизацию jpeg картинок? как в фотошопе выравнять изображение чтоб оно ровно по этим восьми квадратам разложилось?
 
В фотошопе проще нажать ALT+SHIFT+S и оптимизируй.
 
Photoshop пожалуй главная прога используй gif и png для кнопок и jpg для картинок, только не переоптимизируй :) это тоже не есть гуд.
очень часто вижу картинки сохранены в формат .png какие плюсы и минусы у этого формата? знаю только один минус 6ой осел не умеет показывать изображения без фона как гифы.
основной плюс в том, что png может быть прозрачным и с нормальной тенью, т.е. есть шапка сайта: фон - картинка, заливка грдиент и т.д. а сверху лого с тенью и тень будет нормальная независимо, что под лого, в принципе многие выпадающие меню делают с использованием png., но IE 6 его не любит (хотя это излечимо).
 
Image Optimizer Pro

Вот нормальная прога для оптимизации картинок для WEB
1205875841_1202578373_pic.jpeg

Помимо самой оптимизации (снижения веса), в программе присутствуют следующие дополнительные возможности: цветовая коррекция, регулировка яркости, контрастности, цветовой гаммы и баланса, эффекты размытия и увеличения резкости. Каждый из перечисленных эффектов можно применять не только для всего изображения, но и для любой его области. Также программа позволяет осуществлять такие стандартные операции, как изменение размера, обрезка, наложение надписи или картинки поверх изображения и наложение водяных знаков. Image Optimizer может сохранять результат работы в следующих форматах: GIF, JPEG, PNG и TIFF. Мастер Пакетной оптимизации позволяет эффективно и быстро оптимизировать группу файлов из выбранной вами папки.
 
вы ее читали? инфу об оптимизации графики? поняли?

если поняли объясните мне тупому о каких восьми квадратах там говориться в статье про оптимизацию jpeg картинок? как в фотошопе выравнять изображение чтоб оно ровно по этим восьми квадратам разложилось?

1 квадрат - это 8 на 8 пикселей, вся сетка состоит из таких квадратов. Создаешь направлящие, Guides по вертикали и горизонтали кратные 8, View -> Lock Guides и с помощью Move Tool цепляешь изображение по созданным направляющим. В конце второй части говорится, что метод годится только для изображений с контрастной мелкой текстурой (например, мелкий темный текст на светлом фоне). Для крупной текстуры выиграть в объеме не получится. Попробуй сделать, посмотри сколько сэкономишь на имагах, прикинь кол-во хитов, и посчитай сколько ты будешь экономить трафика в месяц, но это без учета кэширования в браузерах. В большинстве случаев хватает Save for Web
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху