от Берто Лопес, последен. действай. 11 декември 2020 г.

формати

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

За да започнете работа с изображения, първото нещо е да знаете най-важните формати на изображения. Те се различават по различни характеристики, тук ще се спрем на две: компресия и цветна обработка.

Какво ще намерите тук?

В момента се използват практически всички формати компресия, трябва да правим разлика между компресия без загуби който съхранява цялата оригинална информация и компресия със загуби което „заблуждава“ потребителя, като се възползва от слабостите на човешкото зрително възприятие и опростява детайли на изображението, които той няма да възприеме.

В последния случай, след като процесът е приложен, информацията е загубена и не може да бъде възстановен, колкото в киното и телевизията искат да мислим по друг начин истински глупости като тази в следващата последователност:

Има много формати за компресиране на цифрови изображения, за да бъдем практични ще се спрем на трите най-използвани: JPG (или Jpeg), GIF Y. PNG. Например: много често цифровите фотоапарати записват изображения в JPG, най-често използваните за снимки.

За да смените вашия размер, резолюция или Формат трябва да използвате редактор на изображения, като Photoshop, GIMP или Paint.NET.

Дълбочина на цвета

Всеки пиксел (точка) на изображението е кодиран с цвят, за това се използват определен брой битове, колкото повече дълбочина на цвета, толкова повече битове и следователно по-голям размер на файла за изображение с определена разделителна способност. По този начин 8-битовото цветно кодиране ще изисква два пъти повече място за съхранение от 16-битовото кодиране.

Посвещавате ли се на уеб дизайн, но не можете да го направите печеливш?

Ами тогава открийте безплатен курс че животът ви щеше да се промени, когато започнахте като уеб дизайнер на свободна практика.

Щракнете върху бутона по-долу, за да откриете:

  • Какво не успявате. Защо другите живеят от това и това ви струва толкова много?
  • The тайни, за да изпревариш конкуренцията си надясно.
  • Как умножете доходите си по три без да правите повече уебсайтове или да вдигате цени.
  • 16 продажни думи и съобщения че всеки дизайнер трябва изтрийте от уебсайта си.
  • Как направете 400 евро уеб страници за по-малко от 4 часа.

И това са само 5 примера от общо 18 видеоклипа с повече от 5 часа запис напълно безплатно (да, наистина безплатно).

Таблицата по-долу показва най-често срещаните опции за дълбочина на цвета, имайте предвид, че броят на наличните цветове се увеличава експоненциално с броя на битовете:

Брой битовеМаксимален брой цветове
8256
16.65 536
24 (истински цвят, покрива, дори надвишава броя на цветовете, които се възприемат от човек)16,777,216
32 (поддръжка на истински цвят плюс нива на прозрачност)16 777 216 + 256 нива на прозрачност

Формати на изображения и техните основни разлики

За да изберете правилния формат за изображение, трябва да го оцените съдържание (фотография, графика и др.), качество (в зависимост от местоназначението ви: печат на хартия, уеб публикация ...) и Размер на файла. Нека да видим сега как се различават форматите на изображения в този смисъл.

Форматът GIF

GIF изображение може да съдържа между 2 и 256 цвята между 16,8 милиона от палитрата му. Следователно, Поради ограничения брой цветове, изображенията, произведени в този формат, обикновено са много малки.

Въпреки това, тъй като алгоритъмът му за компресиране (без загуби) LZW е патентован, всички издатели на софтуер, използващи GIF изображения, трябваше да плащат възнаграждения Unisys, компанията, която притежава правата. Това е една от причините форматът PNG става все по-популярен, в ущърб на GIF формата.

Кога е удобно да се използва GIF формат?

  • Когато изображението е малък
  • Когато анимация да се използва в Интернет.
  • Кога изображението е 256 цвята или ще изглежда добре с този брой цветове.
  • Ако изображението съдържа високи контрасти или големи цветни блокове.

Ако имате нужда от хостинг за вашия уеб сайт или вашия блог, действайте!

  • Hostinger: с 90% отстъпка тук
  • SiteGround: с 60% отстъпка тук
  • Webempresa: с 25% отстъпка тук
  • Raiola Networks: с 20% отстъпка тук

Внимание: тези оферти са валидни сега, може да изтече след няколко дни.

JPG формат

JPEG (Съвместна фотографска експертна група) или JPG поддържа 16,7 милиона цвята (24 бита) и Той е най-използваният (и подходящ) за снимки. За разлика от GIF, използвайте компресия със загуби. Регулира степента на качество промяна на нивото на загубите от 0% (без загуби) до крайности, които обикновено вече означават, че изображението става неизползваемо.

Това се вижда перфектно на предишното изображение на котето, което е било компресирано прекомерно, за да илюстрира този ефект.

JPG може да е подходящ, когато:

  • Необходими са 24-битови изображения (16,7 милиона цвята).
  • Когато изображението е снимка или съдържа непрекъснати тонове. нили изпълнява много добре функцията си със схеми, екранни снимки, комикси, карикатури или други изображения с висок контраст.
  • Те ще бъдат използвани за вашите интернет разпространение, следователно искате а минимално тегло от същото.
  • Снимки с намален размер на файла.

PNG формат

Този формат е разработен за преодоляване на ограниченията на GIF Y. използвай компресия без загуби, не е предмет на патенти за използване на GIF.

Форматът позволява истински цветни изображения, сива скала Y. 8-битова палитра. Подобно на GIF, той е подходящ за изображения с малко цветови вариации. В тези случаи, за разлика от JPG, той ще възпроизведе изображението по перфектен начин, вляво можете да видите сравнение между поведението на компресиран JPG JPG спрямо PNG без загуби.

Следователно форматът PNG ще бъде подходящ, когато искате:

  • Работи с нива на прозрачност (алфа канал).
  • Компресия без загуби за цветни изображения с висока разделителна способност и висок контраст.
  • Висококачествени изображенияс компресия без загуби.

Форматът BMP

BitMaP е естествен формат на операционната система Windows на Microsoft и най-простият от всички: дефинира стойностите на всеки пиксел, един по един, отдолу нагоре и изчистване на линиите отляво надясно. Данните могат да бъдат компресирани, но тази опция се използва рядко.

Големият му проблем е това генерира огромни файлове и следователно никога не трябва да се използва, е напълно извън фаза и се споменава само за да настоява точно потребителят да избягва да го използва.

RAW формат

Този формат също се споменава за пълнота повече, отколкото за практическото му използване от читателя на статията. Форматът RAW (на английски Undisturbed или в естествена форма, в случай на изображения, разбирани като Image Format без компресия или Raw) е формат на цифрово изображение, който съдържа всички данни за изображението, заснети от цифровия сензор на цифровия фотоапарат.

Обикновено имат по-голяма дълбочина цвят (36 или 48 бита) и се счита за a професионално ориентиран формат, за по-нататъшна обработка на изображения.

Относно автора: Берто Лопес

Am автор и съосновател на този блог, и компютърен инженер по обучение.

Толкова дълго бях нает като предприемач, последното от почти десетилетие, в което работя по изпълнението на технологични проекти в сектори с големи недостатъци в познаването на нови технологии, като търговия на дребно и МСП.

Това, което съм живял в това преживяване, е вдъхновение за създаване на блога: разгласявам огромните възможности, скрити от уеб 2.0 и онлайн маркетинга и че повечето хора, особено малки професионалисти и предприемачи, те не се възползват.

В този блог искам повишаване на осведомеността, мотивирайте ги и им помогнете развийте своя истински потенциал и открийте, че освен това можете да си прекарате чудесно:)

Хареса ли ви това четиво?

Ами присъединете се към Citizen 2.0 "VIP зона". Безплатно е:)
Вече сме +30 000. Кликнете върху бутона и открийте всичко, което ви предлага.

Запиши се за
Citizen 2.0 "VIP" зона

Ще имате достъп видеоуроци за създаване на уебсайтове, онлайн магазини и др., да се Електронни книги за SEO и копирайтинг и много други изключителни ресурси и изтегляния.

И всичко 100% безплатно:)

The отзивчив на този сайт е Wenova Online S.L., чийто предназначение е изпращането на информация и обучение по блогове и онлайн маркетинг, с легитимация на вашето съгласие, дадено във формуляра.

The адресат от вашите данни (инструментът, който използваме) е Mailrelay. Намира се в Испания и можете да упражнявате своите права за достъп, коригиране, ограничаване или изтриване на вашите данни (вижте политиката за поверителност).

Бихте ли искали да прочетете малко повече за тази или други теми?

Коментари

Казва Видал

Педагогическа изложба. Благодаря ти.

Казва Ангел Фелисиано

Отлични професионални насоки ... Благодаря ви за тези ясни и точни насоки

Маркос казва

Пристигнах тук, защото сложих корично изображение, което отнема около 5 секунди, за да се зареди хаха. Дори след компресиране на изображения на Webempresa и използване на Wp Super Cache, аз съм в 2.5 секунди време за зареждане. Липсват ми поддомейни за статични файлове, които предстои да създам. Но добре изяснената тема на изображението е страхотна, защото всички ние използваме изображения и никога не разглеждаме разликите им. Прегръдка 🙂

Казва Берто Лопес

Чудесно, толкова се радвам, че публикацията ви помогна 🙂

Всичко най-хубаво!
Берто

Казва Наоми

Здравейте
Какви размери на ширина и височина трябва да поставите, така че изображение на публикация да се вписва идеално в рамката на тази статия?
Благодаря
Поздравления
Наоми

Казва Берто Лопес

Няма фиксирана стойност, която зависи от дизайна на вашия блог (неговата „тема“ в случая на WordPress).

Обикновено това е стойност между 600-700px, моят съвет е да бъдете практични: експериментирайте с различни тестови изображения в този диапазон и вижте как са те.

Всичко най-хубаво!
Берто

Казва Наоми

Добре Берто, ще го направя така, за да видя как ми изглежда.
Благодаря
Поздравления

Казва Лили

Как да направя снимка с прозрачен фон, за да направя това, което показахте в урока за корицата на Facebook? Можеш ли да ми помогнеш?

Казва Берто Лопес

Както и да е, предвид интереса към темата, ще направим свой собствен урок през следващите седмици.