Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31


Чувашия-это моя Россия

Создание файлов PNG.

Медленная адаптация формата PNG объясняется не только недостаточной его поддержкой браузерами, но и отсутствием инструментов редактирования изображений, способных корректно работать с этим форматом. К счастью, приличная (хотя часто и неполная) поддержка PNG в настоящее время обеспечивается большинством профессиональных графических программ.

Adobe Photoshop/ImageReady.

В Adobe Photoshop поддержка чтения-записи файлов PNG была введена в версии 4, однако из-за плохой реализации PNG-сжатия размеры получаемых файлов PNG не могли соперничать с размерами файлов GIF, что временно вывело PNG из гонки форматов. С тех пор поддержка сжатия улучшилась, и последние версии способны сжимать 8-битовое изображение в формате PNG сильнее, чем в формате GIF при одинаковых параметрах сжатия.

Сохранение изображений в формате PNG.

Для сохранения изображения в формате PNG в Photoshop просто выберите строку PNG-8 или PNG-24 из выпадающего меню форматов файлов в диалоговом окне Save for Web. В ImageReady выберите PNG-8 или PNG-24 на панели Optimize. Создание изображения в формате PNG-8, по существу, совпадает с созданием изображения в формате GIF, и при этом применяются одинаковые средства и правила оптимизации. 24-битовые изображения PNG могут использовать чередование или содержать прозрачные области для страниц сайтов, но при этом отсутствуют оптимизационные настройки.

Прозрачность PNG в Photoshop/ImageReady.

Если не обращать внимания на размер файла, которое делает более предпочтительным PNG по сравнению с GIF, является способность обеспечения многоуровневой прозрачности (обычно называемой «прозрачностью альфа-канала»). Для 8-битовых изображений PNG единственной возможностью является бинарная прозрачность( в стиле GIF). Для сохранения прозрачного изображения PNG в Photoshop или ImageReady начните с создания многоуровневого изображения, имеющего нужные прозрачные области. При использовании прозрачности альфа-канала выберите PNG-24 из выпадающего меню форматов файлов и опцию Transparency. Интерфейс обеспечения прозрачности для формата PNG-8 и матовых цветов (matte colors) совпадает с интерфейсом для изображений GIF.

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

Экспорт файлов PNG.

При создании файлов PNG в Fireworks важно использовать функцию Export, а не просто сохранять файл (что приводит к получению собственного варианта файла PNG, содержащего дополнительные данные). Диалоговое окно Export Preview (предварительный просмотр экспорта) позволяет выбрать 8-, 24- или 32-битовый формат PNG. Для 8-битового варианта PNG используется такое же управление, как при GIF-сжатии: выбор палитры, уменьшение количества цветов, контроль за имитацией полутонов и прозрачностью.

Прозрачность PNG в Fireworks.

Начните с создания многоуровневого изображения для страниц сайта, содержащего прозрачные области (сквозь которые видна шахматная доска). Примените реальную прозрачность альфа-канала для 24-битового формата PNG, выберите 32-битовый PNG на панели Optimize. Для сохранения нескольких уровней прозрачности в 8-битовом PNG установите флажок Transparency и затем выберите функцию Alpha Transparency из выпадающего меню. Если посмотреть на таблицу цветов изображения, то можно увидеть, что она заполнена цветами, помеченными как прозрачные области. Выбор функции Index Transparency (индексная прозрачность) обеспечивает бинарную прозрачность, аналогичную используемой в формате GIF.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: