Использование PNG

http://akva-clean.ru/

вот эта полупрозрачность (справа вверху) делается на png + ещё кое-что

делали местные фрилансеры для моего клиента.

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

http://www.twl.ru/panel

Видимо я был неправ, специфика данного изображения в том, что полоски в jpg будут видны как вы и предположили, из-за блочной структуры jpeg сжатия (там изображение на блоки квадратные бьется перед, собственно, ДКП).

Ну пробуйте GIF, у того проблем нет - он построчно все сжимает.

В смысле не получается нарисовать или сохранить в готовом PNG прозрачность?

Если сохранить то просто сохраняешь в формате PNG 24 и ставишь галочку transparency, а когда файл нужно будет вставить в браузер надо взять бубен и начать танцевать вокруг IE, вот пару ссылок с хорошим описанием проблем и их решений:

http://www.tigir.com/alpha_png.htm

http://designcollector.ru/png-v1

В вашем случае картинка png получается меньшего веса и лучшего качества.

(jpg для такого рода вообще не применяют по-доброму, только злыдни на выделенках с анлимом, не думающие о пользователях и их трафике).

С ее отображением нет проблем в браузерах (т.к. нет полупрозрачности - только градиент).

Что Вас останавливает?

Те 0,5% пользователей, которые не смогут ее увидеть?

Так лучше подумать о 25-30% с отключенной графикой, чтоб страницы были ЧИТАЕМЫ и в таком режиме.

Успехов!

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

Хоть убейте не вижу разницы. Может она конечно и есть, но я её не вижу. Отсюда вывод используйте *.jpg и не парьтесь.