Перейти к основному содержимому

4 записи с тегом "графика"

Посмотреть все теги

Favicon

· 1 мин. чтения

Favicon или просто иконка сайта изначально вводилась для показа в панели favorites (internet explorer), откуда и взято название как вы догадались. Увы IE6 до сих пор не понимает что иконка у сайта есть.

В наиболее совместимом варианте иконка - файл ico 16x16 с палитрой в 16 или 256 цветов, выложенная в корень домена с названием favicon.ico

Кроме того - если в заголовок документа вставить анимацию, то иконка станет обладать бОльшим шармом:

<link rel="icon" href="http://www.kurapov.name/favicon_ani.gif" type="image/gif" /> 

Также не помешает добавить в .htaccess MIME тип

AddType image/x-icon

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

Полезно также:

  • blogosphere набор популярных иконок сайтов

Эффект высокой контрастности (HDR)

· 1 мин. чтения

HDRi (High Dynamic Range Image) - это методика нацеленная на исправление диапазона яркости для цифровых фотографий и изображений.

Предпосылки

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

Решение

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

QR код

· 1 мин. чтения

QR-код это один из видов двумерных видов кодирования информации. Схожий со штрих-кодами, QR-код поддерживается некоторыми мобильными телефонами и предназначен для облегчённой передачи рутинных данных. Система поддерживает восстановление до 30% данных и в теории до 4000 символов.
Отлично использовать в качестве визитной карточки, сгенерировать можно на kaywa.

QR-код взялся на себя популяризировать сайт semapedia , где предлагается вместо URL использовать коды в реальном мире. Благодаря встроенным в мобильные телефоны фотоаппараты, код легко фотографируется и распознаётся. iMatrix - одна из таких программ для iPhone.

Я думаю формат перспективен своей дешевизной. Роботам, железу и похожим меткам проще обменяться данными по радио (bluetooth), но это требует электроэнергии. А вот сделать такой постер - значительно дешевле и быстрее для усвоения фотоаппаратом. Получается такой упрощённый интерфейс с реальностью.

Прозрачность с PNG

· 1 мин. чтения

PNG - специально созданный графический формат для WEB, однако его использование затруднено багами в IE. PNG позволяет использовать альфа-канал, попросту - многоуровневую прозрачность. Используем IE 5.5 фильтр AlphaImageLoader (обратите внимание на передаваемые параметры и sizingMethod)

Также обратите внимание на то что в image src стоит прозрачный GIF. Для элементарных структур этот медо и сгодился бы, но что делать с прописанными в css background-ах, динамичными картинками в JS?

CSS background ещё можно исправить, заменив например

background-image: url('image.png');

на

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='image.png');

Из готовых пакетов

  • PNG behaviour , странным образом использующий htc файл внутри css.
  • Justin Koivisto пробует заменить все тэги с png на лету
  • Bob Osola грамотно заменяет png на фильтр javascript-ом
  • DaltonLP популяризирует png в качестве background, но без background-repeat

Для простой прозрачности фона можно использовать

filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;

Как альтернативу CSS, можно использовать PNGPong, который через javascript создаёт flash-объект и загружает в него png, который в свою очередь отображается с прозрачностью.