Rastra attēlu izmēri: pikseļi, DPI, PPI, centimetri - vai jūs neko nesajaucat? Izveidojiet iemiesojumu, izmantojot Paint Blog ikonu, kas ir mazāka par 100 kb.

→ Lapas → Attēlu atlase ar platumu un augstumu 100 pikseļi, lejupielādējiet iemiesojumus

Šajā vietnes lapā ir daudz interesantu attēlu, kurus var izmantot kā iemiesojumus gandrīz visur, jo... to izmērs ir 100x100. Tas nozīmē, ka augstums un platums ir vienāds ar 100 pikseļiem (punkti uz ekrāna). Šajā sadaļā ir iemiesojumi, kas nav sakārtoti pēc tēmas, kas padara meklēšanu interesantāku.

Attēls ar aci un skropstām no uguns. Lejupielādējiet neparastu iemiesojumu ar ugunīgām skropstām un zaļu aci.

Animēta bilde ar vilka siluetu miglā un putnu lidošanu fonā. Avatars nav krāsains, bet ļoti interesants. Varat lejupielādēt iemiesojumu no vietnes vai vienkārši nokopēt tā izvietošanas kodu.

Avatarā vērsim ir ragi. Lejupielādējiet attēlu ar spēcīgu dzīvnieku, dusmīgu vērsi. Šāds stingrs iemiesojums ir piemērots lietotājiem ar vardarbīgu raksturu, kā arī moderatoriem.

Attēlā ir melna putna galva - stabs; vietnē avatarko.ru sadaļā ar putniem varat lejupielādēt iemiesojumus ar dažādiem putniem, tostarp roķiem.

Šeit ir smieklīgs iemiesojums ar nepieejamu attēlu, bet tomēr kaut kas ir labāks par neko, tāpēc iemiesojumam ir pīle, atvainojiet.

Animēts attēls ar skrienošu meiteni ar paceltu asti. Lejupielādējiet uzzīmētu iemiesojumu ar meitenes animāciju.

Attēlā redzams uzzīmēts kāmis un brīdinājuma teksts, ka cilvēks, kas slēpjas zem grauzēja iemiesojuma, ir 100% kāmis. Vietnē avatarko.ru varat lejupielādēt šo lielisko iemiesojumu ar īstu kāmi, kaut arī uzzīmētu.

Rotaļlietas roņa attēls, ko var izmantot kā iemiesojumu forumos un emuāros. Lejupielādējiet vietnē iemiesojumu ar plīša zīmogu.

Lejupielādējiet gardu attēlu ar vermicelli un tomātu šķīvi. Vispār iemiesojums ēdiena cienītājiem. Šis iemiesojums ir ekskluzīvs; aizliegts to ievietot citās vietnēs kā saturu.

Animēts iemiesojums ar pilsētas mājām. Lejupielādējiet melnbaltu attēlu ar mājām un mākoņu animāciju.

Iemiesojumā ir McDonald's logotips, kas veidots no dvīņu torņiem un divām lidmašīnām, un uzraksts "Ēd šo". Lejupielādējiet attēlu amerikāņu nīdējiem.

Attēlā ar Aleksu lauvu, kurš paceļ uzacis no multfilmas Madagaskara. Lejupielādējiet animētu multfilmas lauvas varoņa iemiesojumu no Madagaskaras.

Iemiesojums ar zombiju ar izdurtām acīm, kas valkā cepuri un šalli ar animētiem pirkstiem. Šausmu bilde ar zombijiem pelēkos toņos ar animāciju.

Animēta bilde ar gurķi uz dakšiņas. Lejupielādējiet lielisku iemiesojumu ar gurķu uzkodām.

Avatars ar sēdošu zvirbuli, kas izskatās kā maza bumbiņa ar kājām un knābi. Lejupielādējiet attēlu ar mazu putnu, cilvēka pastāvīgo kaimiņu.

Skaista bilde ar sikspārņu baru uz apaļa mēness fona. Tas nav fakts, ka šie sikspārņi ir vampīri, tomēr šajā lapā varat lejupielādēt labu iemiesojumu.

Stilīgs iemiesojums ar spoku, attēls ar caurspīdīgu fonu PNG formātā..

Skaists iemiesojums ar uzvilktu uguni un degošu cilvēku. Lejupielādējiet 100 x 100 pikseļu attēlu ar ugunīgu cilvēku.

Jauks iemiesojums ar rotaļu polārlāci ar sirdi uz iemiesojuma. Lejupielādēt attēlu no lācis balts sadaļā “Mīlestība”, kura izmērs ir 100x100 pikseļi.

Bilde ar princesi rozā kleitā un masku uz balta fona..

Bildē meitene ar apgleznotiem eņģeļa spārniem.. Iesaku arī iepazīties ar eņģeļiem veltīto sadaļu.

Animēts iemiesojums ar zirnekli, kas skrien gar attēla kontūru un veido tīklu stūrī. Lejupielādējiet 100 x 100 attēlu ar zirnekļa animāciju. Vietnē Avatarko.ru varat lejupielādēt lieliskus iemiesojumus ar dzīvniekiem.

Iemiesojums ar cigaretes apdedzinātām lūpām. Attēls ar smēķējošas meitenes lūpām, kura aizmirsa izņemt cigareti. Ja nepieciešams lielāks attēls, avots ar lūpām atrodas zemāk.

Animēta svece uz zaļa fona. Lejupielādējiet 100 x 100 iemiesojumu ar degošu sveci ar liesmas animāciju.

Attēls ar animētu rozā fonu ar blondīni. Lejupielādējiet skaistu iemiesojumu meitenēm ar blondiem matiem, un tām, kurām patīk rozā krāsa, lejupielādējiet iemiesojumu. Esiet uzmanīgi, attēla svars var nebūt piemērots daudziem forumiem.

Iemiesojums ar smaidošu ingvera kaķi ar sarkanu degunu. Ļoti skaista un pozitīva bilde tavam iemiesojumam.

Melnbalta bilde ar animāciju, kurā redzams vīrietis, kurš pastāvīgi krīt trīcošās zemes dēļ. Lejupielādējiet animētu iemiesojumu 100 platumā un 100 augstumā ar zīmēta cilvēka kritieniem.

Ekskluzīvs manis izveidots iemiesojums tieši vietnei ar animētu burunduku, kurš ieliek riekstu vaigā. Lejupielādējiet 100 x 100 attēlu ar animāciju, kurā redzams smieklīgs grauzējs, kas spēlējas ar riekstu. Ir aizliegts ievietot iemiesojumu kā saturu, nenorādot indeksētu saiti uz avotu.

Arvien vairāk cilvēku meklē, kur lejupielādēt 100x100 iemiesojumus, lai tie būtu pēc iespējas unikālāki un interesantāki. Šo problēmu var atrisināt, izņemot masveida interesantu kolekciju veidošanu, tikai liekot katram meklētājam apsēsties ar kaut kādu avatāra grafisko redaktoru. Tiešsaistes iemiesojuma redaktori pašlaik ir primitīvi un nekad neaizstās profesionālus dizainerus. Lielākā daļa forumu ļauj izveidot iemiesojumu, kura izmēri nepārsniedz 100 garumā un platumā, tāpēc dažreiz jums ir jāsamazina attēls pašam līdz nepieciešamajām robežām. Šeit ar šādu problēmu nesastapsies, jo... visiem iemiesojumiem jau ir vajadzīgais izmērs. Jā, un jūs varat tos izmantot ne tikai kā iemiesojumus, bet arī kā attēlus tēmā, tie piešķirs vēstījumam vairāk bagātības.

Sveicieni, dārgā Habr kopiena! Es rakstu šo īso piezīmi kā svarīgu izglītības programmu ikvienam, kas strādā ar rastra attēliem. Parasti jautājums par to, ko izmērīt attēlus, rodas iesācēju vidū, taču pieredzējuši speciālisti arī sajauc terminus.


Sāksim ar galveno: rastra attēli sastāv no pikseļi. Tas varētu būt šī raksta beigas, taču ar to visiem nepietiek, tāpēc parunāsim par maldīgajiem priekšstatiem un mītiem, ar kuriem esmu saskāries praksē.

DPI, PPI un izmēru maiņa

Visizplatītākais nepareizs priekšstats ir DPI (punkti collā) un PPI (pikseļi collā) vienību izmantošana. Šīs vienības faktiski attiecas attiecīgi uz printeriem un skeneriem. Tos var izmantot arī ekrāna raksturlielumos. Būtībā tie ir konversijas koeficienti starp analogā attēla fiziskajiem izmēriem (centimetros vai collās) un digitālā attēla pikseļu izmēriem.

Piemēram, 100 pikseļu attēls, kas izdrukāts ar 100 DPI, būs 1 collas liels. Viss ir vienkārši un skaidri.

Tomēr, mainot izmērus grafiskajos redaktoros, tiek lūgts norādīt izmērus mums ērtos izmēros, ieskaitot DPI. Šeit sākas apjukums.

Faktiski attēla fiziskie izmēri (centimetros, collās utt.) un DPI vērtība ir tikai metainformācija faila rekvizītos. Taču redaktors var izmantot šīs vērtības kā līdzekli, lai norādītu nepieciešamos pikseļu izmērus.


Pieņemsim, ka mums ir 3000 pikseļu (kvadrātveida) attēls, kura vērtība ir 300 DPI. Mēs iegūstam: 3000 pikseļi / 300 DPI = 10 collas. Tagad dodieties uz redaktoru (Photoshop) un mainiet DPI vērtību uz 600. Ko mēs iegūstam? Un tas ir atkarīgs no izvēles rūtiņas “Resample”. Ja tā ir, mēs iegūsim attēla paraugu 6000 pikseļi. Ja nē, tad izmērs collās kļūs 5 tā vietā 10 .

Tādējādi tīmekļa izstrādei visus fiziskos izmērus (DPI, centimetrus, collas utt.) var droši ignorēt un aplūkot tikai pikseļu izmērus.

DPI/PPI ekrāni

Šeit mēs nonākam pie ekrāna izšķirtspējas un pikseļu blīvuma jautājuma. Šo blīvumu pareizi dēvē par PPI (pikseļi collā), un tas parāda, cik pikseļu var parādīt vienā ekrāna collā.

Šeit bieži rodas mītiskie 72 un 96 PPI, kuriem vajadzētu norādīt ekrānu “standarta” pikseļu blīvumu. Grafikas parādīšanas uzdevumiem tīmeklī tie ir bezjēdzīgi. Tajā pašā laikā faktiskais ekrāna pikseļu blīvums var būt pilnīgi atšķirīgs: parasti aptuveni 120 PPI (jūs varat izmērīt un aprēķināt savam ekrānam).

Bet mēs atceramies, ka rastra attēli tiek mērīti tikai pikseļi un nekas cits. Kāpēc mēs vispār runājam par ekrāna PPI? Jo ir ekrāni “Retina” vai “HiDPI”.

Retina un HiDPI ekrāni

Šādi displeji tiek plaši izmantoti mobilajās ierīcēs un dārgos klēpjdatoros. Būtībā tas ir kvantitatīvs pikseļu pieaugums, vienlaikus saglabājot ekrāna fiziskos izmērus (piemēram, 5 collas pa diagonāli un 330 PPI).

Mums kā tīmekļa izstrādātājiem tas nozīmē dažādu pikseļu parādīšanos pārlūkprogrammā: CSS pikseļus (kurus parasti norādām elementu izmēros) un fiziskos pikseļus (reālos pikseļus uz ekrāna). Formula ir šāda: Fiziskie pikseļi = CSS pikseļi * DPR.
DPR ir ierīces pikseļu attiecība - CSS pikseļu pārvēršanas attiecība pret fiziskajiem pikseļiem.

Ievietojot bildi, varam ierakstīt birku img ar izmēriem 20 pikseļi, un attēla izmērs būs 40 pikseļi. Šajā gadījumā uz ekrāna ar DPR=2.0 mēs redzēsim visus attēla pikseļus. Bet šajā situācijā mēs absolūti neuztraucamies par ekrāna faktiskajām PPI vērtībām.

Tajā pašā laikā parastajiem ekrāniem varam izmantot attēlus ar augstu pikseļu blīvumu; pati pārlūkprogramma mērogos attēlu. Un atkal, DPI un PPI nav nekāda sakara ar to, bet gan attēli mēra pikseļos. Kā tos parādīt, izlems pārlūkprogramma, kurai jau ir divu veidu pikseļi.

Tas ir viss stāsts, lai gan es, protams, neko neteicu par adaptīvajiem attēliem, to ietekmes optimizēšanas veidiem un klientu padomiem. Bet tas ir cits stāsts.

Kas ir iemiesojums? Šis ir mazs attēls, kas ir saistīts ar konkrētu sociālā tīkla, foruma vai tērzēšanas lietotāju. Jūs varat lejupielādēt iemiesojumu no kāda no tūkstošiem interneta resursu vai arī varat to izveidot pats. Kā to izdarīt? - mēs par to runāsim tālāk. Lai to izdarītu, mums ir nepieciešama programma Microsoft Paint, kas ir iekļauta jebkuras Microsoft operētājsistēmas standarta programmu komplektā.

Vispirms izlemsim, no kura attēla veidosim savu unikālo iemiesojumu. Tas varētu būt mūsu fotoattēls, mūsu iecienītākais darbvirsmas fona attēls vai jauks attēls no interneta. Mums ir jāizveido iemiesojums ar izmēru 100x100 pikseļi; tas ir formāts, ko atbalsta lielākā daļa tērzēšanas un sociālo sistēmu. Tomēr, ja vēlaties, varat iestatīt jebkuru attēla izmēru, neatkarīgi no tā, vai tas ir 64x64 vai 150x150 pikseļi.

Tagad atveriet programmu Microsoft Paint, noklikšķinot uz pogas "Sākt" darbvirsmas apakšā un izvēlnē "Programmas" atlasot kategoriju "Piederumi".

Ekrānā mēs redzam:

Tagad mums ir jāatver izvēlētais attēls programmā Paint. Mēs ejam uz sadaļu “Fails”, kas atrodas programmas loga pašā augšdaļā, pēc tam noklikšķiniet uz “Atvērt” un sarakstā atrodam mūsu attēlu.

Atveriet attēlu

Tagad sākas galvenais Ava izveides darbs. Izvēlnē izpildiet šādu ceļu “Zīmējums” - “Atribūti”. Mēs redzam šādu attēlu:

Pievērsīsim uzmanību oriģinālā attēla izmēram. Mūsu platums ir 1024 un garums 768. Pierakstīsim šos parametrus. Pēc tam noklikšķiniet uz pogas “Labi” un turpiniet strādāt. Atkal mēs ejam uz sadaļu “Zīmējums”. Tur mēs atrodam opciju "Izstiept / noliekt". Atlasiet to un ekrānā parādiet tālāk norādīto.

Tagad atcerēsimies mūsu attēla sākotnējos parametrus (1024 platumā un 768 garumā). Tas ir 100% gan vertikāli, gan horizontāli. Mēs veicam nelielus aprēķinus un atklājam, ka gatavā iemiesojuma izmērs nedrīkst pārsniegt 16% no avota. Laukos “Horizontāli” un “Vertikāli” ievadiet skaitli 16. Noklikšķiniet uz “OK” un apbrīnojiet mūsu radīto 164x123 pikseļu izmēru. Mēs nedrīkstam aizmirst, ka mēs tiecamies uz attēlu ar 100 pikseļu malu.

Mēs iegūstam:

Dodieties uz sadaļu “Rediģēt” un atlasiet opciju “Atlasīt visu”. Ar punktētu rāmi mēs atlasām zīmējuma apgabalu, kuru vēlamies redzēt kā ava. Kursors šeit ir krusts ar bultām.

Noklikšķiniet uz attēla ar peles labo pogu. Dialoglodziņā atlasiet “Kopēt” un izpildiet izvēlni programmas augšējā panelī. Tur mēs izvēlamies opciju “Izveidot”. Nebaidieties, kad Paint jautā, vai saglabāt izmaiņas failā; noklikšķiniet uz Nē. Kad tiek parādīta tukša jaunā dokumenta lapa, ielīmējiet tur nokopēto sadaļu.

Tas ir darīts šādi. Mēs iestatām lauka parametrus: ierobežojam garumu un platumu līdz 100 pikseļiem. Pārliecinieties, vai mērvienības ir pikseļi vai punkti. Mēs arī pievēršam uzmanību tam, ka “Palete” ir krāsaina. Ja nepieciešams izveidot iemiesojumu ar citiem parametriem, norādiet tos šajā sadaļā (80x80, 150x150 vai 64x64 pikseļi).

Jo mazāks ir nepieciešamais attēla izmērs, jo lielāka avota procentuālā daļa ir jāiestata.

Tātad mums ir tīrs balts kvadrāts ar 100 pikseļu malu.