Формат имеет значение!

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

Пойдём, если получится, по порядку-формат картинки, то есть расширение файла, что обозначает и что применить при определённой ситуации.

Основной формат - ipg; jpeg; jpe…вроде и всё понятно. Но важно такое различие для интернета: сжатое изображение и нет. Сжатый формат jpeg можно получить в программе Фотошоп при сохранение файла Сохранить для WEB и устройств…  При этом отметите существенную разницу в весе файла.

Пример: одно и то же изображение с разрешением 500х500 простой файл весит 119кб и сжатый на 60% уже 87,8кб. А вес имеет значение для скачивания и закачивания файла. Поверьте, разницу в качестве изображения вы не увидите простым глазом, поэтому при закачивании фотографий в интернет, на какие-либо ресурсы, лучше обработать их для WEB, если только не нужен оригинал фотографии.

Второй значимый формат-png. Чем же он отличается от jpeg?  Это формат «без фона».  Он интересно смотрится на страницах, он показывает суть только изображённого, не отвлекая на фон. Он используется, если нужно разместить надпись, при этом на готовом фоне — как пример, название этого блога. Во многих других случаях. Только изображение и никакой рамочки вокруг. Мой любимый формат.

А вот небольшая загадка и объяснение некоторых ситуаций. Два одинаковых изображения, выглядят на моей странице одинаково. Но одно в формате jpeg, другое в формате png. В чём дело? Кто понял?

 

 

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

 

Есть ещё, конечно, другие форматы. Очень кратко озвучу. Эти форматы больше пригодны для определённой деятельности.
Формат psd pdd - это формат программы Фотошоп, многослойный формат изображения, нужен, если работу с таким изображением хотим продолжить, что-то изменить.
Формат tiff или tif - этот формат имеет, обычно, отличное качество и большой вес. Но если вы в дальнейшем хотите распечатать снимок, то в этом формате он будет напечатан качественнее, а также, если хотите печатать текст. В этом формате надо сохранять сканированные документы, если потом печатать.

Формат bmp — формат Windows, в нём можно сохранить только определённое количество цветов, но информация о картинке самая полная и это не сжатый формат. И при разрешении, опять же 500х500, он будет весить 732 кб, в отличии от jpeg 119 кб ??? Чувствуете разницу? Часто ошибка начинающих пользователей — при обработке в PowerPoint сохраняется рисунок в первом же,  предложенном программой,  формате и с таким большим весом пытаются оперировать им в интернете.

Форматы векторных изображений очень разнообразны - ai eps svg
Эти форматы, в основном, поддерживаются и программами для просмотра растровой графики, некоторые расширения самих программ для работы с векторными изображениями. С вектором хорошо работать, такие изображения можно уменьшать, увеличивать без потери качества.

Это, что касается формата. Ещё немного про качество и оригиналы. Я уже по своему опыту знаю, что не все понимают о чём идёт речь, когда просишь для работы оригинал фотографии. Это фотография снятая цифровым фотоаппаратом, имеющая один из размеров, предустановленный на фотике — 2304х1728, или 2048х1536, или любой другой. Фотография, которая не подвергалась обработке в различных программах, не «сжималась».

 

Просто бывают такие моменты-сначала     изображение уменьшили, потом решили увеличить…в результате происходит, что изображение не чёткое, как бы покрыто маленькими квадратиками, я это называю «пикселизация», так как цифровые изображения состоят из пикселей.  А цифровая фотография имеет не только размер, а ещё и понятие — расширение, dpi — количество пикселей на один дюйм. Чем больше dpi изображения , тем качественней.   Изображения с оригинальными размерами в статьи не добавляют. Они и весят много, и размер их не позволяет. Если надо показать оригинал, можно воспользоваться сервисом radikal.ru а на блоге выложить превью только изображения.   Для примера —

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

Это очень маленький слой информации по работе с изображениями, картинками,фотографиями. Но может и этого кому-то не хватало. Задавайте вопросы, если что-то осталось за рамками статьи. Я просто попыталась познакомить вас с форматами, что используем в своих блогах.

Ответ на загадку — просто на картинке в формате jpeg белый фон,  он слился с фоном статьи.  И обрабатывать не понадобилось.

Похожие записи:

Получать новости на e-mail:

  1. Спасибо, Галина, помогли разобраться с форматами! Достаточно много тонкостей при работе с картинками..

    • Галина Исаева:

      В одной статье точно не опишешь, мне кажется, даже захочешь знать всё, не получится…но стремиться есть к чему!

  2. Сама с интересом прочитала и другим подскажу.Важный материал, а так просто и доступно изложен.Спасибо.

  3. Светлана Сидорова:

    Спасибо, полезная информация.

  4. Большое спасибо за красивый полезный пост.

  5. Спасибо, Галина за исчерпывающий ответ почему мой блог так долго загружается!

  6. Картинка два ёжика — а в чём разница? Ну, jpeg, ну, png????
    Разница-то в чём?

  7. Иван! Сам же и ответил на свой вопрос.Разница в формате.И если «ёжика»в формате jpeg разместить на другом фоне,не белом, ты увидишь, что он на белом фоне.А «ёжика» в формате png можно размещать на любом фоне…будет только ёжик и ничего лишнего вокруг него.

  8. А как проверить? Даю команду «сохранить изображение» — левый ёжик выходит на сохранение в формате png, а правый ёжик сохраняется в формате web ? И вставлю в текст. Правильно?

    Но ещё вопрос: а чем интеерсен формат web, если он присутствует здесь, в статье? (правый ёжик)

  9. Проверил:
    png на цветном фоне оказался картинкой (сам ёжик), а jpeg и web на цветном фоне оказались ещё и в белой рамке.
    Такой же эффект был при накрытии рисунком текста — своя белая площадь.
    Но если рисунок вставлять под текст, то разницы нет.

    Мораль:
    формат png в некоторых случаях имеет преимущества при добавлении рисунков в текст.

(подписан на комментарии)

Прокомментировать

http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif