Сжатие файлов JPEG для Facebook: как добиться лучшего качества для своего фото в Хронике. Уменьшения веса в Photoshop

Сжатие файлов JPEG для Facebook: как добиться лучшего качества для своего фото в Хронике. Уменьшения веса в Photoshop

Здравствуйте, мои читатели!

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

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

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

PAINT

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

Запускаем программу Пэйнт на своем ПК, во вкладке «Файл» выбираем пункт «Открыть». В появившемся окне находим желаемое изображение, указав к нему путь последовательным открытием нужных папок.

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

Перед нами появилось окно самого редактора изображения. Изменять размер мы можем в двух параметрах: проценты и пиксели. Выбираем пиксели и ставим галочку на «Сохранять пропорции», это даст возможность сберечь саму форму картинки, что не позволит снизить качество отображения. При сохранении пропорций, вам нужно ввести лишь один параметр (ширину или длину), а второй подберется автоматически. На самом деле достаточно просто, не правда ли?

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

Еще в Paint доступно ручное редактирование. Для этого вам нужно выделить все изображение (нажатие CTRL + A), после чего навести курсор на нижний правый угол картинки и перемещать его в верхний левый, размер будет меняться.

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

Следует заметить, что с помощью Пэинт вы сможете как увеличить, так и уменьшить размер любой картинки.

Adobe PhotoShop

Если вы хотите овладеть всеми возможностями этой программы, то я рекомендую вам пройти курс «Фотошоп от А до Я в видеоформате ». Пройдя курс, вы сможете творить чудеса вместе с этим софтом даже если сейчас вы практически ничего не умеете.

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

Для начала вам, собственно, нужно чтобы на вашем компьютере была установлена программа фотошоп. Если на ПК данный программный продукт уже установлен, кликните по фото правой кнопкой мыши и выберете вариант «Открыть с помощью», среди всего списка найдите PhotoShop и выберете его.

Или сначала запустите программу, а потом перейдите в меню «Файл» — «открыть».

На панели инструментов вы увидите раздел «Изображение», выберете его. В меню выберете «Размер...», после чего будет запущено средство редактирования изображения.

После этих манипуляций сохраните файлы в формате BMP. В таком случае разницы между оригиналом и сниженной копией не найти. Либо же, оставьте формат JPG, но при сохранении в блоке «Качество изображения», вместо цифры 8 ставьте 10, это позволит дать максимальное качество картинке.

Если же вы сохраняете картинку с целью дальнейшего ее размещения в интернете, например, на своем блоге, то лучше сохранить ее по-другому (чтобы она меньше весила). Смотрите на скриншоты ниже:


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

С уважением! Абдуллин Руслан

Текст

Родион Данилов

Подбор фотографий для социальных сетей - дело важное, хотя многие его недооценивают. Именно они представляют вас в сети, и именно глядя на них, большинство составляет самое первое впечатление о вас. Мы рассмотрели то, как можно оптимизировать фотографии в Facebook, Twitter и «ВКонтакте».

1 Facebook

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


Размеры фотографии на обложке страницы «Фейсбука» - 851х315 пикселей, в то время как минимальный требуемый размер для неё составляет 399х150 пикселей. Стоит учитывать, что такая маленькая картинка растянется и будет выглядеть ужасно, поэтому подбирайте соответствующее фото и обрежьте его правильно.

Если вы задумали сделать так, чтобы обе картинки - фото профайла и обложка - представляли единое целое, учитывайте, что фото профайла встаёт на 23 пикселя правее от левого края обложки и на 210 пикселей ниже от верхнего края обложки.

Существует множество веб-сервисов, позволяющих сделать оригинальные обложки для вашей страницы в «Фейсбуке».

Pic Scatter даёт возможность создать коллаж из фотографий для использования его в качестве обложки. Вы можете сгенерировать его случайным образом или выбрать конкретный альбом.

Profile Picture Maker"s Timeline Cover Banner - довольно удобный инструмент для создания кастомной обложки со множеством функций для редактирования.

ace It Pages - бесплатный сервис позволяет загрузить свои картинки, «поиграть со шрифтами» и даже добавить в обложку ссылки на другие социальные сети.

Facebook поддерживает загрузку форматов JPG, GIF и PNG. JPEG, как правило, используется при загрузке картинок со смешанными тонами (фото и рисунки) , а PNG лучше подходит для графичных изображений, текстовых композиций и логотипов. Однако Facebook конвертирует все загружаемые изображения в JPG.

Чтобы фотографии загружались на странице быстрее, разработчики соцсети советуют использовать JPG-файлы в цветовом пространстве sRGB. Рекомендуемые размеры для загружаемых в альбом фотографий - 600х400 пикселей. При изменении размера в фоторедакторе выставьте разрешение (DPI) в значении 72.

2 Twitter

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


Изображение, которое используется в Twitter в качестве обложки, имеет рекомендованный масштаб 1200х600 пикселей, а размер файла ограничен 5 мегабайтами. Имейте в виду, что ваше имя в Twitter, никнейм, биография, месторасположение и URL будет отображаться поверх обложки, поэтому выбирайте картинку, на которой будет хорошо виден текст.

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

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

Правильная шапка сообщества

Перед как сделать обложку группы в ВК, нужно определиться: что она должна будет выражать? Мы вам подскажем несколько актуальных советов для достижения цели:

  • Необычность. Обложка - это то, что первым видит ваш настоящий или будущий подписчик. Если она будет содержать в себе уникальную фишку, удивлять своим дизайном, включать интересную игру слов, интригующую историю, то все обозначенное будет вам только на руку. Многие применяют такой интересный формат обложки для группы ВК, как продолжение изображенного на ней в закрепленной надписи на стене.
  • Тренды. Баннер должен быть современным. В крайнем случае - классическим. Но только не "баяном" - содержать в себе элементы того, что когда-то было актуально в интернет-среде. Поэтому стоит задуматься над тем, чтобы оформить его в духе последних обсуждаемых событий, недавно вышедшего фильма, прибавить участие героев популярных именно сегодня мемов. Само собой разумеется, обложки в таком случае нужно периодически обновлять.
  • Используйте легкие психологические приемы, помогающие обратить внимание. Например, довольно эффективным является изображение смотрящего в определенную сторону человека - туда, куда вы поместили важную информацию.

Какой не должна быть шапка?

Давайте разберем, как сделать обложку группы в ВК, чтобы она не вызывала негативные эмоции у посетителей сообщества:

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

Какой должна быть удачная обложка?

Итак, создавая, фотографируя или находясь в поисках подходящего стокового изображения, помните о следующем:

  • Шапка сообщества должна иметь в себе негласный призыв к определенному действию, эмоции.
  • Изображение должно быть актуальным именно для вашей аудитории.
  • Подбирайте приятные спокойные или наоборот броские, кислотные цвета - все зависит от специфики группы.
  • Не обходите вниманием и шрифт: не останавливайтесь на скучных "вордовских" вариациях, но и не уходите в сторону написания, которое из-за причудливости можно с трудом разобрать.
  • Не забывайте о смысловой нагрузке, правильных хэштэгах.

А теперь обратимся к более частным вариациям:

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

О размере обложки

Как вы заметили, параметры баннера не стандартны, если сравнивать с привычными аватарками. Чтобы выбранное вами изображение выгодно смотрелось, размер обложки группы ВК должен быть максимально приближен к 1590 х 400 пикселей. Такие параметры для баннера можно заранее выставить при его создании в графическом редакторе.

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

  • В браузере компьютера - 795 х 200 пикселей. Изображение не урезается, а только сжимается.
  • Что касается мобильных устройств, то там шапка отображается несколько иначе. Она урезается согласно ширине экрана устройства. Например, если последняя равна 400 пикселям, то с каждого края ваша обложка будет урезана на 146 пикселей. Прибавьте еще пространство, отведенное на системные кнопки. Из-за него баннер станет уже на 80-140 пикселей с каждого края.

Простое создание обложки

Давайте разберем, как сделать обложку группы в ВК проще всего:

  • Сделайте фотографию, которая как-то перекликается с тематикой вашего сообщества.
  • Найдите подходящее стоковое изображение в "Гугле", "Яндекс.Картинках", на иных ресурсах. Красивые обложки для группы в ВК можно отыскать по схожему запросу.
  • Если вам кажется, что изображение слишком отстраненное, то можно наполнить его новыми элементами, текстом в таких популярных онлайн-редакторах, как Fotor, Pablo или Canva.

Создание в "Фотошопе"

Лучшей программой для обложки группы ВК и для изобразительного дизайна в целом остается Photoshop. Однако к его помощи следует обращаться в случае, если вы достаточно уверенный пользователь, умеете составлять качественные коллажи, обрабатывать фото, вырезать объекты, работать со слоями, коррекцией и фильтрами. При другом раскладе вы рискуете получить некачественную обложку с кучей ляпов, которая не обрадует и не привлечет вашу потенциальную аудиторию.

Итак, зайдя в программу, кликните на "Файл", далее "Создать". Для обложки лучше выставить такие параметры:

  • Размер: 1590 х 400 пикселей.
  • Разрешение: 72 пикселя в 1 дюйме.
  • Цветовой режим: RGB (8 бит).

А далее - простор для творчества: формируйте слои из стоковых или личных изображений, вырезайте определенные объекты, добавляйте текст, обращайтесь к помощи фильтров и инструментов программы. Главное - иметь в голове четкий план того, что вы хотите в итоге получить.

Как установить обложку в группе в ВК?

Давайте сначала разберемся, как вообще поменять баннер в сообществе, администратором которого вы являетесь:

  1. Под аватаром вашей группы, с правой стороны страницы, нажмите на три точки "..."
  2. Перед вами появится выпадающее окно. В нем выберите "Управление сообществом".
  3. Откроется окно администратора. Найдите раздел "Настройки" и щелкните на него.
  4. Вы сразу увидите строку "Обложка сообщества". Она-то нам и нужна.
  5. Как добавить обложку в группу ВК? Просто кликните на "Загрузить".
  6. Перед вами появятся краткие рекомендации по формату изображения и размеру обложки группы ВК.
  7. Стоит подбирать качественное фото с высоким разрешением.
  8. Здесь, как и при выборе аватара, у вас есть возможность выбрать, какую зону изображения поместить на обложку: с помощью мышки передвигайте ограничивающий прямоугольник, чтобы остановиться на наиболее удачной области. Фотографию, кстати, можно и перевернуть.
  9. Обязательно на окне с обложкой нажмите на "Сохранить и продолжить". Не торопитесь закрывать страницу!
  10. В окне с настройками не забудьте кликнуть на "Сохранить".

Вот теперь можно смотреть на то, что получилось!

Редактирование обложки

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

  • "Загрузить" - установление новой фотографии. Как добавить обложку в группу ВК, вы уже знаете.
  • "Редактировать" - повернуть изображение, изменить зону, которая будет видна в баннере.
  • "Удалить" - убрать существующую обложку.

Мы разобрали от задумки до конкретного воплощения создание и публикацию обложки в группе "Вконтакте". Надеемся, что приведенные рекомендации помогут вам в сотворении замечательного баннера!

Всем здравствуйте, дорогие любители декупажа!

Часто ли вы используете распечатки для своих декупажных работ? Уверена, что начинающим декупажницам не всегда удается попасть в нужный размер и получить тот формат, который точно бы подходил под любимую заготовку. На днях исполнила заказ обложки для документов с иллюстрациями чарующе волшебного мира Marty Bell. В этой статье на примере ее картин я хочу показать один из вариантов, как увеличить изображение в фотошопе и получить необходимый размер при распечатке для декупажа.

Заказчица Лена выбрала вот такую сказочную картинку. Красивая, правда?

Открываем ее в программе Photoshop

Файл>Открыть

и чистый лист. Для этого заходим в верхнее меню

Файл>Cоздать.

Указываем параметры листа и его разрешение.

В данном случае нам необходим размер 10*14 см. Указываем, как показано на фото. Ставим разрешение 300 Пиксель/дюйм и кликнем ОК

Откроется вот такой чистый лист размером 100*140 мм.

Удерживая левой кнопкой мыши, перетаскиваем его в центр экрана. Это для удобства.

С левой стороны программы размещена панель инструментов.

Обратите внимание, на этой панели указатель “Перемещение” должен быть активным. Такие элементы обычно выделяются светло серым цветом. Для наглядности на фото я его обвела в красный кружок. Если он не активен, кликнем один раз на него.

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

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

“Показать управляющие панели”. У вас появится рамочка на изображении.

Захватив левым указателем мыши один из углов направляющих, растяните рисунок.

Если он искажается, и меняются пропорции сторон, необходимо кликнуть на значок “Сохранить пропорции”. Обведен в красный кружок.

Кликнув на картинку и удерживая кнопку можно менять ее расположение, поставить чуть правее или приблизить к центру.

При скачивании с интернета бывает, что рисунки не все имеют хорошее разрешение. Не страшно, если нужно распечатать маленькую, например, для магнитов величиной 5×5 см. А если нужна картинка для декупажа крышки шкатулки параметрами 20Х30 см.? Возможно при увеличении рисунка под такой размер он потеряет качество. Станет размытым, и будут видны пиксели.

Поэтому изначально важно обратить внимание на его разрешение и определить возможность увеличить его формат под вашу заготовку. В этом случае при кадрировании с разрешением 680×850 пикселей, для заготовки размером 10×14 см, рисунок существенно не потерял качество.

С левой стороны программы расположено окно, где во вкладке слои можно увидеть, сколько их находится на данном листе.

Объединяем их, для этого кликнем

Слои>Выполнить сведение

Теперь в этой вкладке с правой стороны экрана, вы увидите как два слоя преобразовались в один.

Открываем чистый лист формата А4, тот самый который печатает большинство домашних принтеров.

Файл>Cоздать>Международный формат бумаги

Открывается чистый файл А4. На него нужно расположить готовое изображение.

Для удобства визуализации перетащите его в середину экрана. Нужно выделить лист А4 и удерживая левым указателем мыши протянуть его в центр.

Уже почти все готово. Осталось вставить готовое изображение в формат А4.

Для этого, щелкаем на готовый файл (он становится активным) и удерживая левой кнопкой мыши, располагаем его на белый лист А4.

Если готовая картинка не помещается в таком виде на А4, его можно повернуть через вкладку редактировать

Редактирование>Трансформирование>Поворот на 90 градусов по часовой

Все отлично? Тогда сохраняем его.

Задаем имя и отмечаем тип JPEG.

Теперь его можно распечатать и получить нужной величины выкройку для декупажной работы.

Кажется, что так много написано и все очень сложно, но на самом деле выполняется в считанные секунды.

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

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

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

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

Новых вдохновляющих картинок вам и красивых работ с ними. Спасибо, что заглянули, до новых встреч.

Каждый из нас столкнулся с этим: вы загружаете фотографию, которая потрясающе выглядела в программе-редакторе, и отшатываетесь в ужасе, когда видите сжатую несуразицу, размещенную у вас в Хронике на Facebook. В этой статье из серии "Простые советы" я помогу вам добиться максимально возможного качества загружаемого фото.

Руководство Facebook по загрузке изображений

Давайте посмотрим, как это работает. Начнем с обычных изображений.

Обычные изображения в Хронике

Образец фото для Facebook

Первое заметное отличие - разница в размере файла. Если я начну комментировать по каждому, мы затеряемся в числах. Поэтому возьмем к примеру фото средней ширины: 960рх : мой первоначальный файл был 523kb , а размер файла, сохраненного с Facebook - 86,9kb , так что мы видим, происходит серьезное сжатие.

Вот размеры трех фото при 100% после Facebook:

Сравнение фото в трех рекомендуемых Facebook размерах

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

Я попыталась сохранить фото в формате PNG вместо JPEG с тем же размером файлов, но результаты оказались похожими, поэтому не буду нагружать вас лишней информацией. Стоит заметить, что файлы PNG обладают большим размером, поэтому Facebook захочет этот размер уменьшить (позже расскажу об этом подробнее). Единственно, когда это имеет серьезное значение, если у вашего изображения для обложки есть текст, например, вы загружаете фото с логотипом.

Фотографии обложки

Для своей обложки я собираюсь использовать это фото:

Мое фото для обложки

Если я попытаюсь загрузить свое фото в полном размере (около 7000рх по ширине), вот что происходит:

Обложка Facebook с полным разрешением Обложка Facebook с новым размером, но файл по-прежнему более 100kb.

Выглядит лучше, но все еще видны искажения, особенно вокруг птицы. Тем не менее, это фото по-прежнему "весит" почти 300kb , хотя Facebook рекомендует 100kb . Поэтому иду в Файл - Сохранить для Веб (Control-Shift-Alt-S) в Adobe Photoshop и подвигаю слайдер Качество (Quality) на отметку меньше 100kb.

Выбирайте опцию Сохранить для Веб, чтобы уменьшить размер фото до менее 100kb Обложка 851 х 134 сохранена в размере ниже 100kb

Как видите, этот способ дает самый лучший результат. Иногда у меня получается добиться немного лучших результатов с фото для обложек, когда я использую PNG вместо JPEG . Но, как я упоминала ранее, эти файлы сложнее сохранять в меньшем размере (менее 100 kb), поэтому попробуйте оба способа и посмотрите, что устроит вас больше.

Заключение

Лучше всего помнить следующее:

Как добиться лучших результатов изображений Хроники :

  • Загружайте фото большого размера
  • Выбирайте максимальное качество при сохранении
  • Сохраняйте в формате PNG для изображений с текстом (логотипов).

Как добиться лучших результатов для изображений Обложки :

  • Измените размер на 851 х 315
  • Выбирайте опцию "Сохранить для Web" и оставайтесь в рамках ниже 100kb
  • Попробуйте и JPEG, и PNG, чтобы выбрать лучший вариант.

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

("
Понравилось? Лайкни нас на Facebook