2011-08-16

Картинки

Кроме текста сайт позволяет размещать разнородную аудиовизуальную информацию.

Но стандарты и интернет-инфраструктура сложились пока только вокруг растровых изображений.
Более или менее реализована поддержка прозрачности (в IE6 за счет дополнительного компонента), замещающих текстов и масштабировки.

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

В ближайшем будущем это оформление уйдет в пользу canvas - им придумают русское название и начнут использовать. А вот картинка - останется. Люди любят смотреть картинки и они останутся.

Что беспокоит автора?
Автор хочет, чтобы 1) картинка была хорошо видна посетителю, 2) ее бы не сперли. Для первого картинка нужна большая и чистая, для второго - маленькая, мутная, искаженная (т.е. ненужная). Компромисс - 450-550 пкс. Для фото - JPEG с качеством 86 . Для схем - PNG24.
Ограничение по высоте - 600 пкс.

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


Для защиты - водяной знак. Водяной - значит полупрозрачный. Непрозрачная надпись смотрится грубо. Наилучший вариант - эффект выпуклости без ущерба для цветов картинки.

Надпись во всю ширь и поперек необязательна. Воры люди ленивые и обрезать даже края не будут.
 Хотя для дизайнера даже воровство идеи вызывает боль. Для этого только ухудшать качество - ярлыки менее 100пкс. Большие эскизы - показы с ограничениями, запрет поисковикам и т.п.

Как найти вора?

скопировать ссылку на картинку и вставить ее на сайте http://www.tineye.com/
или на сайте http://images.yandex.ru/