Несколько слов об оптимизации jpeg изображения

Сохранение jpeg в Photoshop для размещения на сайте

Мне частенько приходится делать изображения для размещения на сайтах. Притом это не всегда фотографии, в большом разрешении. Часто бывает, что нужно выложить небольшую или даже мелку картинку и ее размер – часто играет значение. Поэтому, при сохранении изображений для этих целей – всегда использую опцию Photoshop Save for Web and Devices … (Alt+Shift+Ctrl+S).

В принципе, единственный параметр, которым «играешься», чтобы получить нужный результат является: Quality (качество), который изменяется от 0 – 100. А результат – естественно, максимальное качество, при минимальном размере.

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

Quality 100

Нет, абсолютно нет никакого смысла сохранять изображения с этим параметром качества. Нужно помнить, или знать, что этот параметр – не процентное качество от исходного, а предел оптимизации. При таком параметре сохраняемое изображение будет иметь неоправданно большой объем. Качества 90 – 95, вполне достаточно для сохранения изображения практически без потерь.

К слову, о фотографиях, для получения качественной картинки для размещения, например на странице сайта Я обычно использую параметр качества 75 – 80. Этого вполне достаточно на мой взгляд.

Quality 50

А вот недавно, узнал один интересный факт. Работа jpeg алгоритмов такова, что изображение разбивается на блоки 8х8 пикселей, и уже внутри них происходит оптимизация. Но! При установке качества в 50 единиц и ниже, в Photoshop, включается дополнительный алгоритм оптимизации — color downsampling. Идея его в том, что при всех прочих равных условиях дополнительно усредняется цвет в соседних 8-ми пиксельных блоках. Итог работы этого алгоритма – можно видеть на картинке внизу.

Изображение сохранено в формате PNG, чтобы избежать любых искажений и артефактов. 1-й элемент – исходный, второй – качество 50, третий – качество 51. Думаю, дополнительных пояснений не требуется.

Вывод: Если на изображении присутствуют очень мелкие контрастные детали, не следует выставлять качество ниже 51.

Сферические панорамы и виртуальные туры

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

Для заглавной фотографии выбрал  одну из чудесных сферических панорам фотографа Alexandre Duret-Lutz, некоторые его панорамы склеены более чем из 80-ти! кадров.

Итак, знакомьтесь:

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

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

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

Сферические панорамы. Виртуальный тур

В основе сферической панорамы лежит собранное из множества отдельных кадров изображение в сферической (эквидистантная, equirectangular, sphere) или кубической проекции. Характерной чертой сферических панорам является максимально возможный угол охвата (360х180 градусов), позволяющий полностью отобразить окружающее пространство.

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

Единственное ограничение, это то, что сферическая панорама (виртуальная панорама, 3D панорама) предназначена в первую очередь для показа на компьютере. Да и в эпоху высоких технологий – это не помеха.

Для максимального эффекта объединяют несколько сферических панорам, между которыми в процессе просмотра можно виртуально «перемещаться» и взаимодействовать с объектами, являющимися частью изображения с целью получения дополнительно информации технологически реализуется в форме виртуального тура.

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

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

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

Монетизация сайтов: июль 2011

Биржи ссылок

Linkfeed продолжает меня удивлять, после июня вновь обновив BME (Best month ever). Т.к. Я не вижу смысла тратить на него время, то Я установил автоматический прием всех ссылок. И просто раз в день, раз в несколько дней захожу и проверяю ссылки которые подтверждены оптимизаторами. Цены стоят чуть выше средних, но сыпется очень много хлама, на некачественные ресурсы, и плохие анкоры. Проверять все это до подтверждения ссылок нет абсолютно никакого желания. Я слишком ценю свое время.

Sape.ru продолжает идти на уровне. Хоть в последнее время очень много ссылок уходит в слип или отваливаются. Доход немного прирос, но до BME не хватило совсем немного — это на первой площадке. На второй площадке — уверенный BME.

Времени на сайты у меня уже было больше, и GoGetLinks на это практически сразу отреагировал увеличением дохода. И еще один момент, связанный с GGL — за время моего отсутствия они выпустили интересную книгу: эффективное продвижение сайтов в Яндексе, которую Я сейчас интересом читаю. Пока еще не могу сказать насколько она оказалась мне полезной. Но те посты, которые публикуют GGL в своем блоге, обычно интересны и несут практическую информацию. Предлагаю всем ознакомиться, если еще не знали. Краткое содержание книги:

  • Почему оптимизаторы скрывают свои секреты
  • Какие сайты любит Яндекс
  • Почему так важен поведенческий фактор
  • Как правильно провести внутреннюю оптимизацию
  • Какие ссылки хорошие, а какие плохие
  • Как Яндекс распознает платные ссылки
  • Как получить много естественных бесплатных ссылок

Контекстная и прямая реклама

Доходы от AdSense, держат планку «летнего» дохода, и даже показали небольшой прирост. РСЯ (рекламная сеть Яндекса) продолжает огорчать, хотя Я и заказал первый вывод. Надо попробовать поэкспериментировать с видом блоков. Ну и может, будет осеннее оживление?

Прямая реклама на сайте с приближением осени начинает оживать — и это, несомненно, радует. Т.к. в основном с нее собираю бюджет на серьезную переработку проекта.

Ранее, Я почти не  занимался раскруткой проектов. Точнее не правильно, занимался, конечно, но не так, как стоило бы. Сейчас начинаю заниматься этим более серьезно, выделяю бюджет на раскрутку. И в первую очередь — это будет раскрутка с целью увеличения трафика на ресурсы. Тиц и PR — не ставятся за цель, и если будет прирост — то хорошо. Не будет — ну и ладно, главное чтобы трафик вырос. Так же планирую использовать только белые методы раскрутки.

Ну вот, случилось долгожданное обновление Тиц от Яндекса, никаких особых потрясений, первая площадка получила +25 единиц, на остальных ресурсах без изменений. А отсутствие изменений в худшую сторону — уже хорошо.

Продолжаем работать.

Площадка №1 (ТиЦ – 400, PR — 5)

Direct: 17.59% (+272.73%)
AdSense: 1.37% (+6.88%)
Sape.ru: 72.66% (+2.02%)
Linkfeed.ru: 2.83% (+3.32%)
GoGetLinks: 2.97% (+57,78%)
РСЯ: 0.31% (-27.91%)

Площадка №2 (ТиЦ – 10, PR — 3)

Sape.ru: 1,71% (+29.47%)

Площадка №3 (ТиЦ – 10, PR — 2)

GoGetLinks: 0.23% (-4,66%)
Miralinks (rub): 0.00% (0%)
Miralinks (usd): 0.00% (0%)

Итого: (USD) +215.97%, (RUB) +3.69%