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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вынiкi

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

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

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

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

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

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