Nianšu miglājs: Lai fotogrāfijas veiklāk atvērtos

Ievietojot blogā fotogrāfijas nereti nākas saskarties ar problēmu, ka lapa, kurā ir fotogrāfijas, veras vaļā lēni un mokoši. Tā vairāk ir problēma datoriem ar novecojušu procesoru, planšetdatoriem un lēniem mobilā interneta pieslēgumiem. Ātrāka lapas ielāde ir svarīga, lai apmeklētāji tajā nāktu labprāt. Ja lapa ilgi neatveras, tad pēc dažām sekundēm interesents var pazust no tava bloga uz visiem laikiem. Viņš atmetīs ar roku un vairs šajā lapā nenāks.
Vēl lielāka problēma ir ar fotogrāfijām, kuras tiek izmantotas kā navigācijas saites galvenajā lapā. Ir ērti radīt saiti uz kādu rakstu ar fotogrāfiju, uz kuras ir uzrakstīts vajadzīgais raksta virsraksts vai atslēgas informācija. Pārpildot galveno lapu ar šādām fotosaitēm, blogu ir arvien grūtāk atvērt lēnākos datoros. Apmeklētāji nemaz nespēj tikt tālāk par galveno lapu, kura atveras tikai līdz pusei.

Risinājums šai problēmai ir. Vispirms aplūkosim kādas fotogrāfijas saites kodu, kuru var atrast pie HTML kodiem:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-cP6jFVhyphenhyphenOySKaVxHjdMBJugAIocb97z-bJRYUuW3G2D3v25Fxf4uDBnopqsRRaWrX-_ro5BM1Z6rmlpEVhBc82LFo6j3Diu0lUulEQoxdXGdgLvngskU9qFClz7fRbqjGad97uiDXTX/s1600/Kegums-soseja-022.JPG

Jāpievērš uzmanība skaitlim s1600

Tas ir lielums, kuru var mainīt. Šī skaitļa vietā var ierakstīt jebkādus skaitļus.
Piemēram: s100, s300, s430, s670, s840, s1200

Mainot šos skaitļus mainās fotogrāfijas "svars" pikseļos. Jo lielāks skaitlis, jo kvalitatīvāka fotogrāfija. Bet tai ir lielāks svars un tā ļoti bremzē pie lapas ielādes. Samazinot šo skaitli, samazinās fotogrāfijas pikseļu daudzums, zūd kvalitāte, toties fotogrāfija atveras ātri. Ja fotogrāfijai ir mazs izmērs un tā tiek izmantota tikai kā saite vai neliels akcents, tad kvalitātes zudumus nejūt. Ir svarīgi atrast īsto robežu, kur foto būs gan viegls svars, gan pietiekama kvalitāte.

s1600 ir pietiekami liela kvalitāte, kuru var izmanto lielu fotogrāfiju attēlošanai. Mazām bildēm šis skaitlis ir par lielu. Ja bilžu ir daudz, skaitli var samazināt uz s1200. Agrāk bija ērts efekts, ka mazākas bildes attēlojas ar s400, uzspiežot uz tām, lai aplūkotu bildi visā lielumā, attēlojums pāriet uz s1600. Tagad Google šo efektu ir atņēmusi un visas bildes attēlojas ar s1600, kas nevajadzīgi pārblīvē lapas. Mainot fotogrāfiju izmērus šis pats s1600 paliek arī pavisam sīkām bildēm.
Vēl kas var radīt neskaidrību? Fotogrāfijas kodos ir divas saites uz vienu un to pašu bildi:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-cP6jFVhyphenhyphenOySKaVxHjdMBJugAIocb97z-bJRYUuW3G2D3v25Fxf4uDBnopqsRRaWrX-_ro5BM1Z6rmlpEVhBc82LFo6j3Diu0lUulEQoxdXGdgLvngskU9qFClz7fRbqjGad97uiDXTX/s1600/Kegums-soseja-022.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kegums, soseja" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-cP6jFVhyphenhyphenOySKaVxHjdMBJugAIocb97z-bJRYUuW3G2D3v25Fxf4uDBnopqsRRaWrX-_ro5BM1Z6rmlpEVhBc82LFo6j3Diu0lUulEQoxdXGdgLvngskU9qFClz7fRbqjGad97uiDXTX/s1600/Kegums-soseja-022.JPG" height="300" title="" width="400" /></a></div>

href="htpp:/ - šī ir saite uz lielo bildi, kura attēlojas tikai tad, ja noklikšķina uz fotogrāfijas. Šīs fotogrāfijas kodu var nemainīt. Šīs saites vietā var iekopēt arī saiti uz citu rakstu. Tad fotogrāfija noderēs kā navigācijas saite.
src="htpp:/ - šī ir saite uz bildi, kura redzama lapā. Mainot šīs saites skaitli s1600 uz mazāku samazinās attēlotās bildes pikseļu svars.

Kvalitātes salīdzinājums:
s1200