Paano pumili ng isang format ng imahe na angkop para sa web. Ang mga imahe ba ay iniangkop sa lahat ng laki ng screen? Kaugnayan ng imahe at pagkamalikhain

Sabihin nating mayroon kang ilang uri ng larawan (drawing, larawan, litrato), at gusto mong mahanap ang pareho (duplicate) o katulad sa Internet. Magagawa ito gamit ang mga espesyal na tool mula sa mga search engine ng Google at Yandex, ang serbisyo ng TinEye, pati na rin ang kamangha-manghang extension ng browser ng PhotoTracker Lite, na pinagsasama ang lahat ng mga pamamaraang ito. Tingnan natin ang bawat isa sa kanila.

Maghanap ayon sa larawan sa Google

  1. Magbigay ng link sa larawan sa Internet
  2. Pag-upload ng file mula sa isang computer

Bilang resulta, nakakakuha kami ng kumpletong listahan ng mga katulad na larawan mula sa larawang napili bilang sample:

May isa pang magandang paraan na gumagana sa Chrome browser. Habang nasa page na may larawang interesado ka, ilipat ang cursor ng mouse dito, i-right-click at sa bubukas na tooltip, piliin ang "Hanapin ang larawan (Google)":

Dadalhin ka kaagad sa pahina ng mga resulta ng paghahanap!

Maghanap sa pamamagitan ng mga larawan sa Yandex

Sa Yandex, ang lahat ay hindi gaanong simple kaysa sa Google :) Sundin ang link https://yandex.by/images/ at i-click ang icon ng camera sa kanang sulok sa itaas:

Ilagay ang address ng larawan sa Internet o i-upload ito mula sa iyong computer (maaari mo lamang itong i-drag sa isang espesyal na lugar sa tuktok ng window ng browser):

Ang resulta ng paghahanap ay ganito:

May access ka kaagad sa sumusunod na impormasyon:

  • Ano ang mga online na sukat ng larawang na-upload mo bilang sample para sa paghahanap?
  • Listahan ng mga site kung saan ito lumilitaw
  • Mga katulad na larawan (binago batay sa orihinal o batay sa kung saan nagpasya ang algorithm sa kanilang pagkakapareho ng semantiko)

Marahil marami na ang nakarinig tungkol sa online na serbisyong TinEye, na madalas na tinatawag ng mga gumagamit na nagsasalita ng Ruso na Tinai. Ito ay binuo ng mga eksperto sa larangan ng machine learning at object recognition. Bilang resulta ng lahat ng ito, mahusay si Tinay hindi lamang para sa paghahanap ng mga katulad na larawan at litrato, ngunit ang mga bahagi nito.

Ang naka-index na database ng TinEye ng mahigit 10 bilyong larawan ay ang pinakamalaki sa buong Internet. "Lahat ay matatagpuan dito" - ang pariralang ito ay perpektong nagpapakilala sa serbisyo.

May isa pang paraan upang maghanap sa isang pag-click. Bilang default, ang item na "Ipakita ang mabilis na icon ng paghahanap" ay isinaaktibo sa mga setting ng application. Kapag itinuro mo ang isang larawan o larawan, isang bilog na berdeng icon ang lilitaw, kung saan magsisimula ang paghahanap para sa mga katulad na larawan - ang mga resulta ng paghahanap para sa Google, Yandex, Tinay at Bing ay awtomatikong magbubukas sa mga bagong tab.

Ang extension ay nilikha ng ating kababayan, na ang mga libangan ay malapit na nauugnay sa pagkuha ng litrato. Orihinal na ginawa niya ang tool na ito upang mabilis na mahanap ang kanyang mga larawan sa mga site ng ibang tao.

Kapag kailangan mo ito

  • Isa kang photographer, ipo-post mo ang iyong mga larawan sa Internet at gusto mong makita kung aling mga site ang ginagamit ng mga ito at kung saan maaaring lumabag ang iyong mga copyright.
  • Ikaw ay isang blogger o copywriter, magsulat ng mga artikulo at gustong pumili ng isang "unhackneyed" na imahe para sa iyong materyal.
  • Paano kung ang isang tao ay gumamit ng iyong larawan mula sa iyong VKontakte o Facebook profile bilang isang avatar sa isang forum o isang pekeng account sa ilang social network? Ngunit ito ay higit sa posible!
  • Nakakita ka ng larawan ng isang aktor na kilala mo at gusto mong matandaan ang kanyang pangalan.

Sa katunayan, mayroong isang malaking bilang ng mga kaso kapag ang paghahanap sa pamamagitan ng larawan ay maaaring maging kapaki-pakinabang. Maaari kang magbigay ng isa pang halimbawa...

Paano hanapin ang orihinal ng isang ibinigay na larawan

Halimbawa, mayroon kang ilang uri ng litrato, marahil ay na-crop o na-photoshop, at gusto mong mahanap ang orihinal nito, o isang mas mahusay na bersyon ng kalidad. Paano ito gawin? Magsagawa ng paghahanap sa Yandex at Google, tulad ng inilarawan sa itaas, o gamit ang PhotoTracker Lite at kumuha ng listahan ng lahat ng nakitang larawan. Susunod, sundin ang sumusunod:

  1. Ang orihinal na larawan ay kadalasang mas malaki at may mas mahusay na kalidad kaysa sa binagong kopya na nagreresulta mula sa pag-crop. Siyempre, maaari kang magtakda ng isang larawan sa anumang laki sa Photoshop, ngunit kapag pinalaki mo ito kaugnay sa orihinal, ang mga artifact ay palaging mapapansin. Madaling mapansin ang mga ito kahit na sa isang mabilis na visual na inspeksyon.
  2. Ang mga orihinal na larawan ay kadalasang may mga watermark na nagsasaad ng may-akda ng larawan (apelyido, address ng website, pangalan ng kumpanya, atbp.). Siyempre, kahit sino ay maaaring magdagdag ng isang watermark sa ganap na anumang imahe, ngunit sa kasong ito, maaari kang maghanap ng isang sample na larawan sa website o sa pamamagitan ng apelyido ng may-akda, malamang na nai-post niya ang kanyang portfolio online sa isang lugar.
  3. At sa wakas, isang napakasimpleng tanda. Kung ang iyong sample na larawan ay itim at puti (sepia, atbp.), at nakita mo ang pareho, ngunit buong-kulay na larawan, kung gayon ay malinaw na wala kang orihinal. mas mahirap kaysa sa pag-convert ng isang kulay na larawan sa itim at puti :)

Ang artikulong ito ay tumutuon sa JPEG, GIF at PNG na mga format, pati na rin sa dalawa pang mas modernong mga format. Karamihan sa mga web developer ay natututong gumamit ng isang partikular na format sa pamamagitan ng trial at error, na nakakakuha ng mahalagang karanasan habang tumatagal. Gayunpaman, halos walang nakakaintindi kung paano eksakto Gumagana ang bawat isa sa mga format na ito.

Ang materyal sa artikulong ito ay makakatulong sa iyo na mag-navigate kung anong mga compression algorithm ang ginagamit ng bawat isa sa mga extension na ito at maunawaan kung anong mga uri ng mga larawan ang bawat isa sa mga format na ito ay angkop para sa.

JPEG

Ang format na ito ay nagtagumpay sa pagsubok ng panahon, mula noong lumitaw ito noong 1992. Ang format na ito ay naka-compress tulad ng sumusunod. Una, ang isang imahe mula sa puwang ng kulay ng RGB (mula sa Ingles na "pula" - "pula", "berde" - "berde" at "asul" - "asul") ay na-convert sa espasyo ng YUV, na batay sa mga katangian ng liwanag at kulay; ang puwang na ito ay pinakamalapit sa kung paano nakikita ng isang tao ang mga kulay. Ang imahe ay pagkatapos ay nahahati sa 8x8 pixel na mga bloke, at ang bawat bloke ay nabubulok sa mga bahaging kulay nito, ang dalas nito ay kinakalkula pagkatapos. Sa pagsasalita mula sa isang mathematical point of view, lumalabas na ang naturang compression ay naglilipat ng imahe mula sa spatial domain patungo sa frequency domain.

Sa isang kahulugan, inaalis ng compression na ito ang ilan sa impormasyon tungkol sa liwanag at mga kulay. Anong bahagi ng impormasyon ang direktang aalisin ay depende sa kalidad ng larawang gusto mong makuha sa huli.

Mula dito maaari nating tapusin na ang format na ito ay pinakaangkop para sa pag-compress ng mga imahe ng halftone: mga imahe na may malaking bilang ng mga kulay at malambot na mga transition sa pagitan ng mga ito. Sa madaling salita, ang JPEG ay nangangahulugan na ang iyong imahe ay kahit papaano ay kahawig ng isang litrato.

Ngunit para sa mga imahe na may matalim na mga gilid at detalyadong mga texture, ang JPEG, sa kabaligtaran, ay hindi angkop: ang mga matalim na gilid ay mabubura, at ang imahe sa kabuuan ay magiging malabo.
Sa ibaba makikita mo ang isang halimbawa ng mga larawan sa format na JPEG:

GIF

Sa mga unang araw ng Internet, kung ang isang imahe ay hindi isang JPEG, ito ay isang GIF. Gumagamit ang GIF ng LZW (Lempel-Ziv-Welch) compression algorithm, na mas simple kaysa sa JPEG compression technology. Sa totoo lang, ini-scan ng algorithm na ito ang data ng imahe at gumagawa ng maikling code para sa mga lugar na iyon na paulit-ulit. Samakatuwid, ang GIF ay angkop para sa pag-compress ng mga larawan na binubuo ng magkapareho o paulit-ulit na mga bahagi. Ito ay mga larawang may malinaw na hugis na may kaunting kulay lamang na may matalim na hangganan sa pagitan ng mga ito. Ito ang mga larawang ito na maaaring i-compress gamit ang GIF nang mas mahusay at walang pagkawala.

Kahit na ang GIF ay isang medyo simpleng format, mayroon itong ilang mga kagiliw-giliw na katangian - transparency at animation.

Ngunit ang GIF ay hindi angkop para sa pag-compress ng mga imahe na may isang tiyak na iba't ibang mga shade: ang format na ito ay sumusuporta lamang sa 8-bit na kulay, iyon ay, isang maximum na 256 na kulay sa isang imahe. Samakatuwid, kung magpasya kang i-compress ang isang imahe na may malawak na paleta ng kulay gamit ang GIF, maaari kang magkaroon ng posterized na larawan na may makabuluhang pagbaba sa lalim ng kulay, na magiging kakila-kilabot.

Halimbawa ng mga larawan sa format na GIF:

Upang buod, ang JPEG at GIF ay may sariling lakas at kahinaan. Noong mga unang araw ng Internet, ito ang mga pangunahing format na ginamit. Gayunpaman, nang maglaon ay nagpasya ang ilang mga mahilig na subukang lumikha ng isang bagong format para sa lossless image compression.

PNG

Ang pag-unlad ng PNG ay nagsimula noong 1995, at sa loob ng isang taon maaari itong magamit bilang isang ganap na format ng network.

Dahil nilayon ang PNG bilang kapalit para sa GIF format, ito ay higit na mataas sa mga kakayahan nito kaysa sa hinalinhan nito. Halimbawa, ang PNG ay may mga sumusunod na pakinabang:

  • walang limitasyon ng 256 na kulay;
  • suporta para sa alpha channel (dahil dito, ang epekto ng bahagyang transparency ay nakakamit);
  • mahusay na compression (sa lahat ng mga kaso na may mga bihirang pagbubukod).

Makikita mo kung gaano kahusay ang pag-compress ng PNG sa isang multi-colored translucent na imahe sa ibaba:

Kaya bakit mas mahusay ang PNG sa pag-compress ng mga imahe kaysa sa GIF? Nangyayari ito salamat sa mga bagong algorithm ng compression.

Sa partikular, gamit ang pag-filter ng string, nakakakuha ang PNG ng mas maginhawang data para sa compression: mayroong 5 magkakaibang mga filter ng hula, ang mga halaga ng bawat isa ay pinili sa paraang ang kabuuang bigat ng imahe ay minimal. Ipinapalagay ng PNG na ang mga kalapit na pixel ay dapat magkapareho, at kung totoo ito, iniimbak ng PNG ang data sa pamamagitan ng pagtatala ng pagkakaiba sa pagitan ng hinulaang at aktwal na mga halaga.

Kaya, ang format na PNG, halimbawa, ay nagbibigay-daan sa iyong epektibong i-compress ang mga vertical na lugar ng parehong kulay (habang ang GIF ay nag-compress lamang ng mga pahalang na lugar).

Gayunpaman, sa pagbabalik sa simula ng artikulo, dapat tandaan na sa kaso ng mga litrato, ang PNG ay magiging mas mahusay kaysa sa GIF, ngunit mas masahol pa kaysa sa JPEG.

Mga format ng susunod na henerasyon

Ang JPEG, GIF at PNG ay karaniwan at unibersal na mga format na magagamit ng mga web developer kahit saan. Gayunpaman, lumilitaw ang mga bagong format ng imahe na mayroon ding mga kagiliw-giliw na tampok.

WEBP

Ang format na ito ay lumabas noong 2010 at ginawa ng Google. Ginagamit ng WebP ang arkitektura ng format ng WebM media.

Ang compression algorithm ay katulad ng ginamit ng PNG: isa sa labing-anim na umiiral na mga diskarte sa paghula ay inilalapat sa bawat bloke. Nagbibigay ito ng flexibility sa pag-save ng mga larawan ng parehong mga graphic at photographic na uri.

Dahil ang format na ito ay pagmamay-ari ng Google, ito ay kasalukuyang sinusuportahan lamang ng mga browser ng Chrome at Opera.

JPEG-XR

Ang JPEG-XR ay binuo ng Microsoft. Tulad ng lahat ng katulad na modernong format, ang JPEG-XR ay may makabuluhang compression na mga pakinabang sa tradisyonal na JPEG na format:

  • lossless compression;
  • mas produktibong lossy compression;
  • suporta para sa alpha channel na may bahagyang transparency.

Tulad ng sa WebP, ang JPEG-XR ay isang mas kumplikado, mahusay, at hindi gaanong suportadong format kaysa sa mga nauna nito. Sa kasalukuyan, ang JPEG-XR ay sinusuportahan lamang ng mga browser ng Internet Explorer at Edge.

Gamit ang mga format ng hinaharap ngayon

Sa kabila ng katotohanan na ang mga bagong format ay hindi pa sinusuportahan ng lahat ng mga browser, maaari mong gamitin ang mga ito sa iyong website ngayon.

Ang isang bagong bersyon ng markup language ay nagbibigay-daan sa mga web developer na ilagay ang parehong imahe sa maraming mga format upang ang mga browser ay makapagpasya kung alin ang ilo-load. Magiging ganito ang code:

Ang isa pang paraan upang magpakita ng iba't ibang mga imahe para sa iba't ibang mga bisita ay upang matiyak na ang bahagi ng server, sa halip na ang bahagi ng kliyente, ay responsable para sa pagpapakita ng impormasyon. Sa kasong ito, iba't ibang larawan ang ipapakita sa iba't ibang user sa parehong address.

Ang larawan ay pinili para sa isang partikular na gawain. Mali na maghanap lang ng magandang larawan at pagkatapos ay isipin kung paano ito gagamitin sa iyong disenyo.

Halimbawa:

Gumagawa kami ng isang buklet ng advertising para sa isang bagong serbisyo ng isang Japanese restaurant - paghahatid ng pagkain sa bahay. At nais naming bigyang-diin na ang paghahatid ng pagkain ay isinasagawa sa mga kahon ng karton, hindi mga lalagyan ng plastik. Alinsunod dito, hindi na lamang natin kailangan ng magagandang larawan ng pagkain, ngunit, higit sa lahat, mga larawan ng Japanese cuisine. Bilang karagdagan, ang pangalawang criterion para sa pagpili ng mga larawan ay maaaring mga partikular na pagkain na pinagdadalubhasaan ng aming restaurant o na nagdadala sa amin ng maximum na kita. Ang ikatlong pamantayan sa pagpili ay ang paghahanap para sa mga pagkaing ito na nakaimpake sa mga karton na kahon. Tulad ng nakikita mo, sa bawat bagong pamantayan, ang paghahanap sa mga yari na imahe na ipinakita sa Internet ay nagiging mas mahirap. Samakatuwid, kung nais mong maging seryoso tungkol sa paglikha ng isang natatanging disenyo para sa isang partikular na gawain, kung gayon ang pinakamahusay na solusyon ay ang lumikha ng iyong sariling mga imahe.

Pakitandaan na ang bawat larawang ginagamit mo ay dapat na may pinakamataas na posibleng kalidad. Kung gumagawa ka ng dokumento para sa kasunod na pag-print, pagkatapos ay pumili ng mga larawang may resolusyon na hindi bababa sa 1920 px o mas mataas.

Paano pagsamahin ang mga kulay at mga imahe

Sa isip, ang imahe ay dapat tumugma sa scheme ng kulay ng buong disenyo at hindi sumasalungat dito. Mayroong dalawang paraan upang malutas ang isyung ito:

Una. Mayroon ka nang paunang disenyo o pag-unawa sa kung ano ito dapat, na may napiling paleta ng kulay. Ang mga ito ay maaaring alinman sa iyong mga pangkumpanyang kulay o mga kulay na angkop sa iyong istilo. Kaya, kailangan mong maghanap o lumikha ng isang imahe na kasama ng iyong paleta ng kulay.

Pangalawang opsyon. - Hindi ka pa nakakapagpasya sa isang scheme ng kulay, ngunit nakakita ka ng isang magandang pampakay na imahe, pagkatapos ay maaari kang humiram ng mga kulay mula dito. Bilang isang patakaran, sa anumang larawan mayroong isang nangingibabaw, Pangunahing kulay, at ilang Highlight na kulay o lilim ng pangunahing kulay. Gamitin ang mga ito sa iyong disenyo sa parehong paraan - Pangunahing kulay - bilang background para sa buong dokumento o para sa kulay ng font ng pangunahing teksto. Isang maliwanag na kulay o lilim para sa paglalagay ng mga accent at heading.

Kung saan makakakuha ng mga angkop na larawan

Pagbili ng mga larawan

Mayroong isang malaking bilang ng mga bayad na stock ng larawan sa Internet, kung saan maaari kang bumili ng angkop na imahe at gamitin ito sa iyong paghuhusga. Bilang isang panuntunan, ang mga biniling larawan ay hindi nangangailangan ng attribution. Gayunpaman, dapat tandaan na ang mga biniling larawan ay maaari ding magkaroon ng ibang lisensya, halimbawa, para lamang sa personal na paggamit, o para sa komersyal na paggamit.
Higit pang impormasyon tungkol sa mga uri ng lisensya sa ibaba.

Libreng pag-download ng mga larawan

Bilang karagdagan sa mga bayad, maraming mga libreng mapagkukunan kung saan maaari kang mag-download ng mahusay na mga imahe sa magandang kalidad. (Ang isang listahan ng mga mapagkukunang ito ay ibinigay sa dulo ng artikulo.) Mayroon ding dalawang uri ng mga lisensya dito - para sa paggamit nang walang reference sa may-akda ng larawan at may ipinag-uutos na link.

Mga Uri ng Mga Lisensya ng Larawan

Dapat tandaan na ang anumang imahe ay intelektwal na pag-aari, na protektado ng batas sa copyright. Upang magamit ang anumang larawan, dapat mong basahin ang lisensya (pahintulot) para sa paggamit nito, na itinatag ng may-akda nito. Ang mga sumusunod na uri ng mga lisensya para sa paggamit ng mga larawan ay umiiral:

Pampublikong Domain

Creative Commons

Mga lisensya para sa paggamit ng mga larawang may mandatoryong indikasyon ng copyright. Mayroong 6 na uri ng mga lisensya sa kabuuan, na naiiba sa posibilidad ng paggamit para sa komersyal na layunin at pagproseso ng materyal. Pag-uusapan natin ang dalawa na pinakaangkop para sa atin, na may kakayahang mag-edit ng mga larawan sa copyright at gamitin ang mga ito para sa mga komersyal na aktibidad.

CC Attribution (pinaikling CC-BY)

Ang prinsipyo ng lisensya ay "gawin ang anumang gusto mo sa aking trabaho, ipahiwatig lamang ang aking pagiging may-akda." Ang pinaka "libre" sa lahat ng mga lisensya.

Ang lisensyang ito ay nagbibigay-daan sa iba na muling ipamahagi, i-remix, itama, at itayo ang gawa, kahit na para sa mga layuning pangkomersyo, hangga't ang may-akda ng gawa ay kredito.

CC Attribution - Share Alike (CC-BY-SA)

Naiiba ito sa nauna dahil nalalapat din ito sa mga derivatives ng akda. Iyon ay, kung babaguhin o i-edit mo, halimbawa, ang isang imahe, kailangan mo ring ipahiwatig ang may-akda nito pagkatapos ng publikasyon.

Royalty-Free

Lisensya para sa mga bayad na materyales. Nangangahulugan na sa sandaling bumili ka ng isang imahe, maaari mo itong gamitin nang maraming beses hangga't gusto mo.

Pinamamahalaan ng Mga Karapatan

Lisensya para sa mga bayad na materyales. Hindi tulad ng isang Royalty-Free na lisensya, pinapayagan ka nitong gamitin ang imahe sa isang mahigpit na tinukoy na bilang ng beses. Kung kailangan mo ng higit pa, kailangan mong magbayad.

Kaya, para sa libreng pag-download at paggamit ng materyal, 2 uri ng mga lisensya ang angkop para sa amin: Public Domain - para sa paggamit nang walang attribution at Creative Commons lisensya - para sa mandatoryong attribution. Kung bibili ka ng mga materyales para sa pera, ang lisensyang Royalty-Free ay magbibigay-daan sa iyo na gamitin ang mga ito nang walang mga paghihigpit, at ang lisensyang Pinamamahalaan ng Mga Karapatan ay magbibigay-daan sa iyong gamitin ang mga ito sa limitadong bilang ng beses.

Mga kapaki-pakinabang na mapagkukunan para sa paghahanap ng mga larawan

Ang mga site ng imbakan ng larawan ay tinatawag na mga stock ng larawan. Mayroong dalawang kategorya ng mga stock ng larawan sa Internet: libre at bayad. Narito ang pinakamahusay sa kanila.

Libreng stock na mga larawan

www.pixabay.com/ru Isa sa mga pinakamahusay na libreng stock ng larawan na may mataas na kalidad na mga larawan. Public Domain License.

www.unsplash.com May mga magagandang larawan ng may-akda sa magandang kalidad. Ang lisensya ay ganap na libre.

www.images.google.com Pagkatapos lumitaw ang mga resulta ng paghahanap, lalabas ang button ng mga tool, kung saan mayroong tab na "Mga Karapatan sa Paggamit", piliin ang "May lisensyang gamitin" o "May lisensyang gamitin at baguhin"

www.tineye.com Isang kapaki-pakinabang na mapagkukunan para sa pagsuri sa paggamit ng mga larawan sa iba pang mga mapagkukunan.

Ang www.flickr.com ay isa sa pinakasikat na mga site ng larawan sa mundo. I-type ang gustong query sa paghahanap nito:

At sa drop-down na menu, piliin ang mga item na nababagay sa amin:

Angkop para sa amin:

Lahat ng creative commons (lahat ng creative commons lisensya);

Pinapayagan ang komersyal na paggamit;

Pinapayagan ang mga mod para sa komersyal na paggamit (Pinapayagan ang komersyal na paggamit at pag-edit);

Walang kilalang mga paghihigpit sa copyright.

Pagkatapos nito, pumunta sa page na may larawang gusto mo at tingnan ang mga detalye tungkol sa attribution (Nakareserba ang ilang karapatan) sa kanang bahagi sa ibaba:

Alinsunod sa mga kundisyong ito, binibigyan kami ng ganap na kalayaan na gamitin ang larawang ito, kabilang ang paggamit para sa mga layuning pangkomersyo:

May bayad na mga stock ng larawan

www.evermade.ru Isang mahusay na stock ng larawan na may maganda at mataas na kalidad na mga imahe ng vector sa isang transparent na background, na kinakailangan sa halos anumang disenyo. Lalo na maraming mga larawan sa mga tema ng mga bata at paaralan! Karagdagang mga pakinabang: napakababang presyo at isang simpleng interface, walang kinakailangang pagpaparehistro.

www.shutterstock.com Isa sa pinakamalaking binabayarang photo bank sa mundo. Isang malaking bilang ng mga de-kalidad na larawan at materyal na video. Mayroong isang makabuluhang disbentaha - ang mataas na presyo para sa nilalaman.

www.ru.depositphotos.com Isang malaking bangko ng larawan na may disenteng koleksyon ng mga larawan.

www.fotolia.com Photo bank mula sa Adobe na may mahusay na pagpipilian at medyo abot-kayang presyo para sa nilalaman.

Mga icon

Ang tama at magagandang icon ay isang mahalagang bahagi ng matagumpay na disenyo. Nasa ibaba ang pinakasikat na mga site ng imbakan ng icon.

www.flaticon.com Sa aming opinyon, ang pinaka-maginhawang bangko ng mga icon dahil sa simpleng paghahanap at ang kakayahang pumili ng kulay para sa mga icon na na-download sa SVG na format. Ganap na libre kapag nagbigay ka ng link sa mapagkukunan.

www.icons8.com Isa sa mga pinakamahusay na stock ng icon na may madaling paghahanap ayon sa kategorya. Upang magamit ang icon nang libre, dapat kang magbigay ng isang link sa site o bumili ng lisensya.

www.ionicons.com Nada-download ang lahat ng mga icon sa isang archive (button sa pag-download sa pinakatuktok ng pahina).

www.webalys.com Ang mga icon ay dina-download sa isang archive. Mayroong libre at may bayad.

Ang isang masamang paglalarawan ng pamagat ay masisira ang pinakamahusay na artikulo. Kahit na gumugol ka ng dalawang linggo sa pagkolekta ng mga lihim nang paunti-unti mula sa mga eksperto, ang isang stock handshake o isang papet na negosyante sa pangunahing pahina ay maglalaro ng isang malupit na biro - sila ay maaaring mapanlinlang na mawawala sa feed ng balita, o lumikha ng isang masamang unang impression at panghihina ng loob ang pagnanais na bungkalin ang teksto. Sa artikulong ito sasabihin namin sa iyo kung paano pumili ng mga larawan para sa isang artikulo upang maakit ang pansin, umakma sa teksto at magmukhang nakakatawa.

Mahalaga ang magandang larawan

Ano ang silbi ng paglalagay ng maraming pagsisikap sa isang teksto kung walang nakaka-appreciate nito? Kailangan mong magtrabaho nang pantay-pantay sa nilalaman ng artikulo, sa pamagat, at sa ilustrasyon. Ang pamagat na larawan ang unang binibigyang pansin ng mga tao. Gumagawa siya ng impression.

Ang paglalarawan ng pamagat ay iba sa mga ilustrasyon sa teksto.

Kapag may konteksto, mas madaling ilarawan. Sa text, mayroon kang mga quote, graph, infographics, gif, video, litrato - anumang visual na nilalaman na iyong magagamit. Maaari kang magdagdag ng mga caption sa kanila upang ipaliwanag ang iyong mga plano. Ang isang mahinang paglalarawan ay hindi makakasira sa impresyon ng teksto.

Isang pagkakataon lang ang may pamagat na larawan.

Samakatuwid, huwag magdala ng anuman sa pangunahing pahina!

Paano malalaman kung ang isang larawan ay masama

Ito ang unang pumasok sa isip ko. Malamang ito ay isang masamang larawan. Kapag ang isang asosasyon ay masyadong simple, ito ay umaabot sa daan-daan o libu-libong mga may-akda. Ito rin ang unang bagay na inaasahan ng mambabasa na makita. Hindi siya nakakagulat, mukhang matamlay at walang buhay, hindi nakikipagkumpitensya para sa atensyon.

Screenshot mula sa Executive. Kung pinag-uusapan natin ang tungkol sa mga website, nangangahulugan ito na magkakaroon ng futuristic na kalokohan na may mga icon, at kung pinag-uusapan natin ang tungkol sa isang plano sa negosyo, ang isang lalaking naka-suit ay nag-iisip tungkol sa pagpepresyo.

Sa paglipas ng panahon, sisimulan mong awtomatikong tanggihan ang mga opsyon na masyadong consumer-friendly, ngunit sa una ay mag-ingat sa masyadong simpleng mga asosasyon.

Nakatanghal na mga larawan. Mayroong isang halimbawa sa blog ni Tilda na may dalawang larawan sa paksang "Masama ang fast food." Sa kaliwa ay isang hindi magandang paglalarawan ng pamagat, at sa kanan ay isang mahusay na pagpipilian, ayon sa mga editor.

Sa katunayan, ang parehong mga larawan ay kumpletong plastik na walang kapararakan. Sa kanan naman ay may mga staged burger na hindi umaagos sa taba, walang oiled paper o mayonesa. Hindi naman masama. Isang perpektong puting countertop, malinis na pinggan, sterility - isa rin itong napakasamang stock na ilustrasyon para sa isang artikulo sa mga panganib ng fast food.

Mga larawan mula sa photostocks. Sumulat si Maxim Ilyakhov sa kanyang artikulo tungkol sa mga masamang ilustrasyon na ang mga stock na larawan ay bawal. Ngunit hindi iyon totoo.

Ang tanging bagay na talagang hindi gumagana ay ang mga stock na larawan tulad ng ibinabalik ng Google o Pixabay para sa karamihan ng mga query. Abstract na graphics, three-dimensional na mga modelo at stick figure. Huwag gumamit ng gayong mga guhit para sa mga artikulo - mukhang mura ang mga ito.

Lalo na pagdating sa isang bagay na abstract. Halimbawa, ang paglago ng negosyo sa lahat ng publikasyon ay isang patuloy na exponential na napupunta sa isang lugar sa kalangitan.

Ngunit hindi lahat ng mga stock na larawan ay masama. Ikumpara. Ang mga unang pahina ng mga larawan ng Google para sa kahilingang "mga diskwento" ay isang uri ng tahimik na katatakutan, sumasang-ayon ako.

Ngunit sa stock ng Gratisography, sa paghahanap ng mga diskwento at benta, mayroong isang ganap na nakakabaliw na bagay na tiyak na magpapahiwalay sa iyo sa iba.

Lumalabas na ang mga ito ay hindi masamang mga imahe ng stock, ito ay mga first-order na asosasyon na masama. Ang aming pamilyar na brooding guy ay maaaring maging angkop para sa isa pang artikulo.

Kung mayroon kang ulo sa iyong mga balikat, kung gayon ang mga stock ng larawan ay isang walang katapusang larangan para sa pagkamalikhain. Lalo na kung pamilyar ka sa Photoshop at nakakagawa ng collage o nakakaalam ng ilang program para gumawa ng mga sticker, layer at filter.

Stock illustration gamit ang mga mobile phone, tablet at smartphone. Ito ay isang hiwalay na pag-uusap, at halos palaging napakasama at wala sa paksa. Kung pinag-uusapan mo ang tungkol sa mga gadget, kumuha o maghanap ng isang tunay na larawan ng gadget na iyong pinag-uusapan. Pag-usapan ang tungkol sa mga programmer, kumuha ng larawan (o humiling na kumuha ng litrato) ng gulo sa lugar ng trabaho, ngunit huwag magpasok ng isang sterile, naka-off (!) na laptop.

Sumulat ka tungkol sa pag-asa ng mga kabataan sa mga smartphone, iwasan ang mga stock na larawan ng mga mobile phone na nakahiga nang mapayapa sa mesa sa tabi ng isang tasa ng kape - kumuha ng mga larawan ng mga mag-aaral na nakadikit sa kanilang mga telepono sa panahon ng recess. Marami sila malapit sa bawat paaralan. Ang prinsipyo ay malinaw, tama?

Mag-ingat kung gagawa ka ng isang paglalarawan ng pamagat na may teksto. Maaari itong sumanib sa pamagat kung mapupunta ito sa itaas ng larawan. Tulad ng sa website ng Unibersidad.

Maaaring may inskripsiyon sa pangunahing larawan. Ang inskripsiyon ay makaakit ng higit na pansin, ngunit pagkatapos ay hindi ito dapat sumalungat sa pamagat, dapat itong mahusay na nababasa, naiintindihan at hindi hiwalay sa paksa ng artikulo. Upang gawing malinaw na nakikita ang inskripsiyon, maaari mong baguhin ang background, maglapat ng filter, o gumawa ng isang may kulay na bloke.



Isang halimbawa mula sa blog ng Serpstat - marami pa

Gray, mapurol na mga larawan. Ayon sa isang pag-aaral ng Xerox, ang mga larawang may maliwanag na kulay ay nakakaakit ng pansin ng 80% higit pa. Dapat itong isaalang-alang kapag sinusubukang kumuha ng isang tunay, makatotohanang larawan upang ilarawan ang isang artikulo.


Isang halimbawa ng magandang paglalarawan ng pamagat mula sa blog ni Maxim Ilyakhov

Kung hindi ka editor ng buong RuNet, may panganib na ang gayong makatotohanang larawan ay dadaan sa mga mata ng isang potensyal na mambabasa. Ito ay totoo, na may kasaysayan - ang tsaa ay lumalamig sa mesa. Itabi mo siya sa isa pa at malamang na siya ang mananalo.

Ngunit kung siya ay lilitaw sa Facebook feed, nang walang maliwanag na accent, maaaring hindi nila siya pansinin. Kapag naging discreet ang totoong larawan, magdagdag ng maliwanag na text block, gumamit ng mga filter, palitan ito ng stock na larawan o isang kaakit-akit na collage. Tulad ng sinasabi nila, dapat kang pumunta o pamato?

Mga tunay ngunit hindi kilalang tao. Ang isa pang tukso ay ilagay ang pangunahing tauhan sa artikulo. Cool - isang magandang ideya, ngunit kung kahit sino ay nakakaalam ng iyong bayani. Kung hindi, ito ay magmumukhang isa pang walang buhay na stock image.

Upang magawa ito nang maayos, magdagdag ng isang lagda - sabihin sa mambabasa kung anong uri ng mga tao ang nasa harap niya at kung sila ay nagkakahalaga ng paggastos ng oras.

Ang pinakamasamang larawan ay ang mga wala kang karapatan. Kadalasan ay nangangati kang kumuha ng screen mula sa isang pelikula, isang poster mula sa isang serye sa TV, o magnakaw ng isang makulay na larawan mula sa blog ng isang tao. Baka hindi nila mapansin. O baka mapansin nila. Kung mapapansin, ang iyong reputasyon at ang iyong wallet ay magdurusa. At huwag isipin na kung ang ilang Getty Images ay nasa ibang bansa, hindi ka makakakuha ng demanda. Sa madaling salita, basahin ito kapag kumukuha ka ng mga larawan mula sa Internet.

Aling mga larawan ang hindi angkop:

    Mga larawang nagpapakita ng masyadong halatang mga asosasyon

    Stock png mula sa mga unang pahina ng paghahanap

    Stock illustrations gamit ang mga laptop, smartphone, cell phone

    Mga larawang may maliit na text o text na sumasalungat sa pamagat

    Kulay abo, mapurol na mga larawang walang impit

    Mga larawan ng mga hindi kilalang tao na walang mga caption

    Mga larawang wala kang karapatan

Aling mga larawan ang itinuturing na mabuti?

Ang isang magandang ilustrasyon una sa lahat ay umaakit ng pansin at ginagawa mong basahin ang teksto. Ito ay totoo at sumasalamin sa kakanyahan ng pamagat. Ito ay agad na makikita sa social network feed, ito ay natatangi, at nauugnay sa tatak. Lahat ng sama-sama - isang halos hindi tunay na cocktail. Minsan kailangan mong pumili ng isang bagay.

Kung ang mga interesanteng asosasyon ay hindi pumasok sa iyong ulo, subukang mag-type ng mga keyword sa Sociation.org.

Maaari kang kumuha ng stock na imahe. Ngunit sa kasong ito, dapat na malinaw na maunawaan ng gumagamit na hindi ka seryoso at ginagawang baliw ang iyong sarili mula sa iyong larawan. Subukang huwag lumampas sa mga biro ng sexist at racist.

Ilapat ang mga filter. Maaari mong baguhin ang background o maglapat ng filter tulad ng ginagawa ng Copyblogger. Maaari kang magdagdag ng inskripsiyon o gumawa ng collage mula sa mga cut-up na stock figure.

Maaari ka lang magdagdag ng text sa mga larawang iyon na sumasakop ng hindi bababa sa 30% ng lapad ng screen sa desktop at ganap na punan ito sa mobile na bersyon. Kung hindi, ang iyong teksto ay magiging mahirap basahin. Kung gayon mas mainam na gumamit lamang ng isang paglalarawan.

Totoo, totoong mga litrato. Kung hindi sila mukhang mga stock, ang mga ito ay sapat na maliwanag at kawili-wili - ito ang pinakaligtas na opsyon. Magagamit ang mga ito kapag ang iyong teksto ay may nakikitang halimbawa para sa pag-uusap. Sumulat ka tungkol sa pagsasanay sa aso, kumuha ng litrato ng mga asong pinag-uusapan mo. Kung gagawa ka ng post tungkol sa mga bulkan, kukuha ka (magtanong, maghanap, bumili) ng mga larawan ng mga totoong burol.

Makasaysayang salaysay. Ang mga totoong larawan mula sa ibang panahon ay agad na namumukod-tangi sa iba pang mga larawan. Kung ang larawan ay itim at puti at mahinahon, maaari kang magdagdag ng mga maliliwanag na accent, pinuhin ito, o gumawa ng color text block.

Pagpinta, sining. Kapag walang naiisip, gumamit ng pagpipinta - mga kuwadro na gawa, fresco, mga icon, kung pinapayagan ng format.



Ilustrasyon para sa artikulo

Basura, gulo, gulo. Kung mayroon kang lakas ng loob, gumawa ng mga abstract na bagay sa estilo ng VOS magazine. Dalhin ang mga meme sa pangunahing pahina, gumawa ng mga collage mula sa kanila, pagsamahin ang mga ito sa mga kuwadro na gawa at totoong litrato.

Gawin din. Ang tanging paraan upang gumawa ng mga larawan para sa mga artikulo sa parehong estilo ay ang gumawa ng mga ito sa iyong sarili. Ang ganitong mga larawan ay nagpapatingkad sa artikulo mula sa karamihan at naging bahagi ng tatak, ang iyong calling card sa espasyo ng media. Sigurado kaming nakikilala mo ang mga nakatutuwang larawang ito mula sa Tinkoff magazine.

Ang isang taga-disenyo ay maaaring magsama-sama ng mga collage at animation, o ang isang ilustrador ay maaaring gumuhit sa iyo ng isang buong kuwento na may isang karakter. Kung mayroong isang bayani, ito ay magbibigay sa mga guhit ng isang kasiyahan - magsisimula silang makipag-usap sa mambabasa. Ito ang ginagawa ng business magazine na Thirst.

Ang Modul-Bank ay ginamit upang gumuhit ng buong kuwento sa publikasyong "Delo".

Si Daniil Shardakov ay gumuhit ng mga simpleng larawan para sa kanyang blog.

Ang ganitong komiks sa ilang Quark o iba pang freelance na site ay nagkakahalaga ng 500 rubles Ngunit sa mahabang panahon, nakakakuha ka ng hindi maihahambing na mas malaking benepisyo mula sa natatanging disenyo ng iyong mga post. Ang mga larawan ay nakakaakit ng pansin, ang publisher ay nakakakuha ng trapiko, nagustuhan niya ito - nag-order siya ng higit pang mga artikulo mula sa iyo. Magtipid, walang nagbabasa ng text, nabawasan ang bayad mo.

Kung talagang naaawa ka sa pera. Maaari kang mag-hand-scratch ng isang bagay sa pintura o mag-trace ng larawan sa Photoshop. Hindi rin ito magiging masamang ilustrasyon.

JPEG, PNG, GIF - naku! Naghahanap sila ng perpektong format sa loob ng maraming taon, dahil kakaunti ang nakakaunawa kung paano sila gumagana.

Tingnan natin ang mga algorithm ng compression ng imahe upang malaman kung aling format ang pipiliin.

Mga panuntunan para sa pag-iimbak ng mga larawan sa Internet. Aling format ang dapat kong piliin para hindi mag-fade ang larawan? Pagsasalin ng isang artikulo mula sa blog.sibirix.ru.

JPEG

Ang format ay tumayo sa pagsubok ng oras. Paano ito gumagana at para saan ito mabuti?

Ang JPEG ay nag-compress ng mga larawan sa 8*8 pixel na mga parisukat at pagkatapos ay gumagawa ng isang bagay na nakakabaliw at mathematical. Kino-convert ang mga pixel sa bawat bloke mula RGB patungong YCbCr. Mula sa teknikal na pananaw, ang JPEG ay nagko-convert ng impormasyon mula sa spatial na domain patungo sa frequency domain.

Angkop: para sa pag-compress ng mga imahe na may malaking bilang ng mga kulay at makinis na paglipat sa pagitan ng mga ito.

Hindi angkop: para sa mga bagay na may malinaw na mga hangganan sa larawan.

GIF

Ang GIF format ay nag-compress ng mga imahe gamit ang LZW algorithm. Ito ay mas simple kaysa sa magic math ng mga JPEG. Ini-scan ng LZW algorithm ang imahe at bumubuo ng mga maiikling code para sa mga umuulit na bahagi, at pagkatapos ay paikliin ang mga ito.

Ang GIF ay mayroon ding ilang feature: transparency at suporta sa animation, ngunit... Sinusuportahan lang ng format na ito ang 256 na kulay.

Angkop: upang i-compress ang mga imahe na may duplicate na data. Ang mga imahe na may matalim na mga transition ay nai-save nang walang pagkawala.

Hindi angkop: para sa mga larawang may maraming kulay. Ang compression ay humahantong sa pasteurization.

Ang mga kalakasan ng GIF at JPEG ay umaakma sa isa't isa - sila ay isang killer team sa kabataang panahon ng internet. Ngunit ang mga problema sa patent ng LZW ay nag-udyok sa paglikha ng mga bagong format.

PNG

Ang PNG ay parang GIF, ngunit mas mabuti:

  • Walang limitasyon sa 256 na kulay.
  • Mayroong suporta para sa isang alpha channel (upang lumikha ng bahagyang transparency).
  • Angkop para sa halos lahat ng mga sitwasyon.

Paano gumagana ang PNG?

  1. Binabawasan ng PNG compression algorithm ang dami ng data. Ipinapalagay nito na ang bawat susunod na pixel ay katulad ng nauna. Kung ito ay nakumpirma, ito ay nagpapanatili ng pagkakaiba sa pagitan ng pagpapalagay at ang aktwal na halaga. Ang maliliit na numero ay tumatagal ng mas kaunting espasyo.
  2. Pinutol ang mga pag-uulit gamit ang LZ77 algorithm. Oo, oo, para sa GIF - LZW, at para sa PNG - LZ77. Huwag tayong maguluhan! Iniiwasan nito ang mga problema sa patent.
  3. Gumagamit ng Huffman encoding algorithm. Bumubuo ng mga shortcode para sa mga karaniwang halaga.

Ang PNG ay mas mahusay kaysa sa GIF (halos palagi). Mas masahol pa sa JPEG - para sa mga larawan.

Huwag mag-atubiling gumamit ng PNG para sa mga larawang may malilinaw na hugis, umuulit na data at pattern.

Bagong henerasyon

Sa oras ng pagsulat, JPEG, GIF at PNG ang tanging mga format na may pangkalahatang suporta. Tanging ang kanilang mga developer ang maaaring aktwal na gumamit ng mga ito. Gayunpaman, ang mga bagong format ay narito na at karapat-dapat ng pansin.

WEBP

Ang WebP ay isang tinidor ng format ng WebM video ng Google.

Gumagamit ang WebP ng isa sa labing-anim na diskarte sa paghula para sa bawat bloke sa larawan. Walang-wala nitong pinipiga ang pagkakaiba sa pagitan ng hinulaang at aktwal na mga halaga.

Ang WEBP ay mas mahusay kaysa sa PNG o JPEG. Ngunit ang format na ito ay sinusuportahan lamang sa Chrome.

JPEG-XR

Ang susunod na henerasyong format na pinili ng Microsoft ay JPEG-XR. Mga bagong pamamaraan batay sa JPEG compression mechanics. Ngunit nag-aalok siya.