Facebook JPEG Compression: Як атрымаць лепшае якасць малюнка на часовай шкале
Belarusian (беларуская мова) translation by Tatsiana Bochkareva (you can also view the original English article)
Мы ўсё зрабілі, загрузіце малюнак, які выглядаў фантастычна ў нашым праграмным забеспячэнні для рэдагавання толькі ў жаху ад сціснутага бязладзіцы, які ў цяперашні час сядзіць на нашай 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 не зменіцца, як яны робяць рэчы, але мы можам прымусіць іх выглядаць нашмат лепш з невялікай налады тут і там.
Subscribe below and we’ll send you a weekly email summary of all new Photo & Video tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post