[papajoy]

Поделитесь опытом, люди.

вопрос раз:
Какие параметры задавать при создании нового
изображения? Оптимальный размер, учитывая
конечный результат, разрешение и т.д.

вопрос два:
какие параметры сохранения?
какие форматы файлов для чего предпочтительней? jpg, gif и т.д.
применять при сохранении цв.профиль? и стоит их использовать?

спсб..

[Асмодиан]

GeeBz, ну как ты же так. На форуме уже не новичок, рассуждаешь всегда здраво, и тут такой вопросик выдаёшь...
Какого изображения, где, для чего...???

Если ты спрашиваешь о веб вёрстке, то
Примерно так:

Куски изображений размером меньше 100x100 сохраняются чаще как gif
очень удобно использовать Save for Web and Devices в CS3, так как тыкая jpeg-gif можно быстро понять, насколько ухудшается качество изображения при сохранении в gif. При таких размерах преимущество размера gif крайне очевидны.
хотя сам ни раз натыкался на ситуации, когда картиночка 64x64 в gif была настолько насыщенна диффузией, что смотреть было противно...

Для больших изображений предпочтительнее jpeg. Я как правило использую 80% качество сохранения (вес немного больше оптимального, но не надо заморачиваться)
Сжатие jpeg выше 94% ИМХО бессмысленно...
Сжатие выше 80 требуется для участков, на которых имеются чёткие линии. если у вас на катринке только градиент, то можно приминять 60% и даже меньше.

png я считаю лучшим придуманным форматом! но Microsoft...
если требуется полупрозрачность и не боитесь зависимости от javascript, то вперёд...

[papajoy]

Makarenya, друг, живительно тронут! :-))

просто я 10 лет занимался наружной рекламой! 98-2001 работал
дизайнером. 01-03 был вольным дизигнером-манагером.
потом открыл собственную контору по производству НР.
через 5 лет понял - не моё!! надоело!! ща всех работников
разогнал и хочу заняться web'ом. (оффтоп)

к теме!
рисум хэдер. требуемый размер, например, 1024х100.
создаем файл один к одному, или можем кратно увеличить?
разрешение ставим сразу 72, или, например, 300?
ставить 8 или 16 bit и что это даст в итоге?

Как добиться соотношения вес-качество?
чтоб градиент не шел полосами, чтоб радиус не выходил, в итоге, "лесенкой",
чтоб черная тень не становилась грязно-коричневой и т.д.
пока идем "методом научного тыка", но он, с...а, отнимает
много времени..

Сообщение от Makarenya

если требуется полупрозрачность и не боитесь зависимости от javascript, то вперёд...

зависимость в чем?

[Асмодиан]

Ну пара правил.
"Рисуем хэдер" - неприятно настораживает!
Дело в том, что хоть вы прорисовывайте иконочку "контакты", но на вашем макете должен быть весь сайт! Она может оказаться, не совсем сочтётся с элментом из другого угла сайта. и уже плохо будет. то есть рисовать хедер отдельно от сайта - так низззя.

Почти все ваши вопросы на самом деле имеют ключевое значение в полиграфии (втч и наружке), но почти не имеют значиния в вебе.
Разрешение (в dpi) имеет смысл, когда мы имеем дело одновременно с физическими величинами и пикселями. Физических величин в вебе нет. смело ставьте 72 dpi или 96, и так и эдак всё будет ОК.
Делать файл больше реального не только ненужно, но и вредно. Вы должны видеть макет так, как его будут видеть другие - а именно 1:1

Монитор способен отобразить полтора миллиона цветов или чтото вроде, и это предел восприятия человеческого глаза.
Соответственно, ставить битность выше 8/канал не требуется

Коричнивый вместо чёного - это тоже полиграф-траббл

В вебе есть другие трабблы:
диффузия в gif
грязь в jpeg
gif ограничен 256 цветами, и для сложных (с большим количеством цветов) изображений начинаются трабблы. количество цветов превышает палитру, и для промежуточных либо производится округление - лесенка. Но такой спосогб нужно включать принудительно, стандартом является диффузия, эффект, при котором цвет промежуточный заполняется пикселями ближайших цветов так, чтобы взвешенное среднее этих пикселей давало требуемый цвет - в вебе для небольших картинок незаметно, но для более 100x100 становиться слишком явным.


У jpeg при низком quailty с градиентами проблемм считай нет, но чёткая граница (например чёрная линия на белом) даст эффект грязи по сторонам от границы. Чем более резкая граница присутствует на фашем изображении, тем выше качество jpeg-а вам придётся ставить. Как уже заметил выше 80% - это "дева мария с панадолом" - и весит немного, и грязь незаметна. но с б на б будет не хватать и такого, придётся поставить 85-95%.

Также о размерах. размер jpeg растёт экспоненциально от качества. между 60% и 80% разницы чуть, а между 90% и 100% в два раза, если не больше.

[kost]

Сообщение от Makarenya

Для больших изображений предпочтительнее jpeg.

Это неверно. Все зависит от изображения.

Сообщение от GeeBz

рисум хэдер. требуемый размер, например, 1024х100.
создаем файл один к одному, или можем кратно увеличить?

Создаем один к одному.

Сообщение от GeeBz

разрешение ставим сразу 72, или, например, 300?

Разрешение не имеет абсолютно никакого значения.

Сообщение от GeeBz

чтоб градиент не шел полосами, чтоб радиус не выходил, в итоге, "лесенкой",

Сохранять в jpeg.

Можете почитать стаые параграфы "Ководства".
http://www.artlebedev.ru/kovodstvo/sections/69/

[Асмодиан]

kost, за ководство спасибо, интересно. Хотя лебедев поспешил с "вымиранием пикселей" - ещё не менее 10 лет ждать.

PS. Я шрифт ВСЕГДА определяю в пикселах, так как вредный пользователь может выставить не 96dpi (видел неоднократно) и линейка поедет.

[kost]

Сообщение от Makarenya

PS. Я шрифт ВСЕГДА определяю в пикселах, так как вредный пользователь может выставить не 96dpi (видел неоднократно) и линейка поедет.

Ну и напрасно.

К тому же, в современных браузерах шрифт легко изменяется.
А для ИЕ6 делать размер фиксированным -- издевательство над пользователем.

Что-то мы отошли от темы.

[Асмодиан]

Мне не кажется, что отошли. GeeBz сейчас осваивает отличия Web-а от полиграфии. И данная тема также может быть ему полезной.


На самом деле, я смотрю на вёрстку весьма однобоко.
www.daon.ru, смотрите портфолио, поймёте, что изменение px/pt могут в данных макетах иметь крайне плачевные последствия...

[papajoy]

делал все так, как вы сейчас говорите... и чё получается?
откуда взялась дебильная "лесенка" на буквах и грязь на градиенте?
на мониторе, при 96 тчк, ниче не было.

http://web-silver.ru/forum/attachmen...8&d=1213123815

[Aldes]

GeeBz, попробую предположить следующее.. Вы видимо Вашу картинку из фотошопа в слоях - так и послали на сохранение для веб, и тут начали "вымахиваться" стили.

Давайте как файл к печати в полиграфии или для широкоформата сведем.
попробуйте выделить все Ctrl+A > Shift+Ctrl+C > Ctrl+N > Ctrl+V
т.е. скопируйте все видимые слои и вставте в новый документ, а уж его сохраняйте...