Актуальная статья
Главная / РЕКОМЕНДУЮ / Картинки для статей на сайт
sjat

Картинки для статей на сайт

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

 

Правильные картинки для статей.

 

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

Какими должны быть картинки.

 

Картинки должны быть:

  1.  Уникальными;
  2.  Качественными;
  3. Максимально «легкими» (в байтах);
  4. В тему статьи.

 

Картинки, в идеале, должны быть уникальными, то есть произведением вашего труда. Но практика показывает это не всегда возможно и мы всегда находим нужный материал в интернете. Как сделать их уникальными будет подробно рассказано в другой статье Текст 3D. И ваша картинка уникальна .

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

Вес картинки не должен превышать 1 мегабайта. Из личного опыта, для хорошего восприятия достаточно и 300-500 К/байт. И размера на сайте 1000 мегапикселей в ширину, конечно при увеличении с помощью соответствующих плагинов. А в обычном состоянии (без увеличения) достаточно и 400 мегапикселей (ширина картинки).

В своей практике по оптимизации картинок я использую графический редактор Adobe Photoshop СС. Каюсь, грешен, пользуюсь русифицированным, крякнутым.

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

 

Оптимизация картинки.

 

Приступаем. Открываем Photoshop, тащим картинку на экран

 

Загрузка фото в Фотошоп

Картинка для оптимизации

 

 

 

Правим качество:
Меню Изображение — Коррекция — Уровни

 

Меню уровни для картинки

 

 

Уровни. Регулируем контраст и яркость. Делается это бегунками. А лучше это делать средним бегунком, не увлекаясь контрастом и яркостью. Если картинка имеет хорошее качество, можно не пользоваться этой опцией.

 

Коррекция картинки

 

 

Картинка готова, и нам её нужно сжать до нужного размера.
Делаем так:
Меню Файл — Сохранить для Web

 

Сохраняем картинки для web

 

 

Выйдет новое окно, где появится часть изображения, если оно большого размера
В нашем случае 1600 пикселей и 1,62 Mb.

 

Перед сжатием картинки

 

 

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

ОЧЕНЬ ВАЖНО! ОБЯЗАТЕЛЬНО нажмите ENTER!!!.

 

Сжатая картинка

 

 

Смотрим слева внизу размер. Картинка уменьшилась до 220,46 Кбт., без потери качества, это нас устраивает.

Затем сохраняем, нажав кнопку СОХРАНИТЬ…

 

Сохраняем файл картинки

 

 

Выбираем путь к папке, где будет храниться картинка и присваиваем название файла (латиницей).

После обработки, а лучше до неё, чтобы вам не пришлось делать бесполезную работу, желательно проверить картинку на уникальность. Если это ваше произведение, то вам не стоит опасаться, но если же вы скачали её из интернета, то вам просто необходимо делать картинку уникальной. Как это делать описано в статье «Уникальность картинки».

Удачи вам и совершенства!

 

Проверьте также

Выскакивают рекламные окна в браузере как убрать

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

Выскакивают рекламные окна в браузере как убрать? Думаю кто еще не столкнулся с этой бедой, …

Pervi shag v Windows 7

MKey или идеальнаяя клавиатура

лавиатура, как средство ввода информации в компьютер стала весьма обыденным устройством. Но, не смотря на …

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *