Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Facebook JPEG Compression: Як атрымаць лепшае якасць малюнка на часовай шкале

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Belarusian (беларуская мова) translation by Tatsiana Bochkareva (you can also view the original English article)

Мы ўсё зрабілі, загрузіце малюнак, які выглядаў фантастычна ў нашым праграмным забеспячэнні для рэдагавання толькі ў жаху ад сціснутага бязладзіцы, які ў цяперашні час сядзіць на нашай Facebook шкале. У гэтым Quick Tip, я дапамагу вам атрымаць лепшы вынік якасці магчымага пры загрузцы фатаграфій.

Дэшыфравання Кіраўніцтвы

Facebook даў нам гэтыя прынцыпы:

facebook guidelines
Рэкамендацыі Facebook, па загрузцы малюнкаў

Такім чынам, давайце паглядзім, што працуе. Мы пачнем з рэгулярнымі малюнкамі.

Звычайныя малюнка на часовай шкале

Facebook прапануе нам загрузіць на любым 720px, 960px або да 2048 пікс шырокіх для дасягнення найлепшых вынікаў. Гэта карціна, якую я буду выкарыстоўваць для нашага параўнання:

example picture
Прыклад малюнак для выкарыстання на Facebook

Я захаваў малюнак у кожным з названых Шырын і загрузіўшы іх; затым захоўваюцца ў Facebook-сціснутыя версіі назад на мой кампутар.

Першае, што трэба адзначыць, гэта розніца ў памеры файла. Калі я іду праз кожны з іх мы заблукалі ў лічбах, так каб узяць сярэднюю шырыню; 960px, файл я пачаў быў 523kb і адзін я зэканоміў назад ад Facebook быў 86.9kb так, мы ўжо ведаем, што будзе рэзкае сціск.

Тут усе тры памеру на 100% пасля Facebook:

facebook compression comparison
Параўнанне трох прапанаваных Шырын для выкарыстання на Facebook

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

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

Суправаджальныя фатаграфіі

Гэта фота я збіраюся выкарыстоўваць для маёй вокладкі:

example cover photo
Мой прыклад вокладкі фота

Калі б я паспрабаваў загрузіць гэта ў поўным дазволе (некаторыя 7000px у шырыню), гэта тое, што адбываецца:

facebook cover with compression
Facebook пакрыццё з поўным дазволам малюнка выкарыстоўваецца

Не падыходзіць. Facebook рэкамендуе ў першую чаргу паменшыць памер да 851 х 315 дык давайце паспрабуем, што:

facebook cover with resized photo
Facebook накрыйце змененае фота, але яшчэ больш 100kb

Лепш, але ўсё яшчэ шмат скажэнняў вакол Буравесніка, у прыватнасці. Гэтая карціна яшчэ амаль 300kb, хоць і Facebook рэкамендуе 100kb так гэты час, я выкарыстаў Файл> Saxe for Web (Control-Shift-Alt-S) у Adobe Photoshop і рэгулявалі якасць атрымаць канчатковае малюнак пад 100kb:

save for web
Выкарыстоўвайце кнопку Захаваць для Web, каб атрымаць малюнак пад 100kb
facebook cover under 100kb and resized
Пакрыццё на 851 х 135 і захоўваецца на 100 кілабайт

Як вы можаце бачыць, гэта атрымлівае лепшы вынік пакуль. Часам я знаходжу з вечкам фотаздымкаў, якія я магу атрымаць крыху лепшы вынік, выкарыстоўваючы PNG, а не JPEG, але, як я ўжо казаў раней, гэта цяжэй трымаць гэтыя памеры файлаў да тэмпературы ніжэй 100kb так паспрабаваць абодва і паглядзець, што працуе для вас.

Вынiкi

Вось некаторыя моманты, каб памятаць:

Атрыманне найлепшых вынікаў для Timeline малюнка:

  • Загрузіць вялікі памер
  • Захаваць у максімальнай якасці
  • Выкарыстоўвайце PNG для малюнкаў з тэкстам (лагатыпы)

Атрыманне найлепшых вынікаў для Cover малюнка:

  • Змена памеру да 851 х 315
  • Выкарыстоўвайце кнопку Захаваць для Web і спускайцеся ніжэй 100kb
  • Паспрабуйце JPEG і PNG, каб убачыць, які выглядае лепш

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.