****nagy képek a weblapokon

Internet: PHP, CGI, stb.

Egyre többször futok bele olyanba, ami itt is van:

http://index.hu/belfold/budapest/2014/07/11/kisertetvagohid_a_gubacsi_u…

Az oldalba riasztóan nagy felbontású képek vannak berakva, ami különösen mobilnetnél igen bosszantó. Sőt, ha átkonvertálom, hogy a fájlméret kb. a fele legyen, akkor még mindig nem különösebben észrevehető a minőségromlás.

Persze értem, hogy a nagy pixelsűrűségű kijelzők (viva la retina) korában problémás ezek kezelése, de tuti van rá valami megoldás, pl. ccs-ben a media queries, de akkor miért nem használják?

A fenti példában amúgy gyanítom hogy user error (ami gáz, hogy a szerkesztőségi rendszer nem figyel erre), mert a témához nem nagyon követelmény a nagy felbontású kép. Pláne hogy szimplán img src, rákattinva se nyílik ki a.

  • 12095 megtekintés

( Fisher v | 2014. 07. 11., p – 19:37 )

Közben annyi történt, hogy mintha kijavították volna az oldalt :D

( janoszen v | 2014. 07. 11., p – 23:22 )

A problema a mostani responsive oldalak achilles sarka, ha ugyanis IMG taggel rakod bele a kepeket, akkor nincs CSS media queryk. Ha meg CSS-bol probalod berakni a kepet, akkor nem tudod atmeretezni a kepernyonek megfeleloen, mert a background meretezes nem mukodik megbizhatoan minden bongeszoben.

--
Pásztor János
Üzemeltető Macik

No meg ha tartalmi képet (amire az img van) CSS-ből teszünk be, az nagyjából a ló túloldala: a prezentációs mark-uptól eljutottunk a tartalmi stíluslapig - nem szerencsés.

Plusz pontért lehet a content attribútumot is abuzálni és a szöveges tartalmat is bevinni a CSS-be :) 


<!DOCTYPE html>
<html>
	<head>
		<title>Lorem ipsum</title>
		<style type="text/css">
		p span#helloworld:before {
			content: 'Lorem ipsum - and btw. fsck web crawlers :)';
		}
		</style>
	</head>
	<body>
		<p><span id="helloworld"/></p>
	</body>
</html>

BlackY
--
"en is amikor bejovok dolgozni, nem egy pc-t [..] kapcsolok be, hanem a mainframe-et..." (sj)

A fenti probléma - mivel megjavult - valami hiba lehetett.

De nem egyszer találkozom olyannal, hogy a 150x150-es bélyegkép egy 4000x3000-es jpeg (ami így ráadásul torzul is), ami meg nyomiság.

És igen, itt a harmadik probléma, amit írtál, és ahogy nézem, arra tényleg csak trükközéssel lehet legalább nagyjából megoldást nyújtani.

( Nextra | 2014. 07. 12., szo – 13:39 )

Az Opera turbó?
Elvileg ebben az esetben az indexet az ő szerverükről nézed, és ők szépen át is konvertálják ócska minőséggé a képeket.
A 12-es szériában megyen ezen opció. Az újban nem tudom mert Linuxot használok, és nem Ubuntut.

( g3rg0 | 2014. 07. 12., szo – 23:55 )

Ez nem megy ha mobilnetet használva pc-n akarod megnézni. Elképesztő méretű adatmennyiség, ami nem csak lassú, de fel is zabálja a forgalmi keretet.

(ezt a m.index.hu -ra szerettem volna küldeni, de közbe jött egy bejelentkezés)

( khiraly | 2014. 07. 14., h – 19:28 )

Mostanaban nezte valaki a Paypal.com bejelentkezo oldalat?:))

Szerintem az uberel mindenkit ez a fronton.
Nem eleg, hogy egy b@szott nagy kep van a hatterben a sima login oldalon, de meg animaciot is csinaltak belole.
Kavezoban kavefozes ilyen 1600x1200-as kepekbol osszerakott animaciok.

Erdemes rakukkantani, szerintem a legdurvabb amit iden lattam ezen a teren:)

---
Saying a programming language is good because it works on all platforms is like saying anal sex is good because it works on all genders....

1280x720, és egy 11M-s animáció. Jó, 11M, de egy egész perc (picit hosszabb). Ésszel van az megcsinálva.

Gyanítom, hogy nem minden platformon tölti azt be, legalábbis a telefonom tutira nem.

Az indexes képekből egy darab volt 1,5M, hét kép se telne ki belőle, nem hogy egypercnyi animáció :D

11MB-bol, belepsz, kilepsz es elintezed amit akarsz.

1 heten hetszer....

De mar senki se emlekszik a modemes idokre...

Azert nem biztos hogy valtok mobiloldalra (bar nehany weboldalnal azt szoktam hasznalni, pl. sztaki szotar regi mobilverzio), egy asztali weboldal altalaban kenyelmesebb...

---
Saying a programming language is good because it works on all platforms is like saying anal sex is good because it works on all genders....

Ha mobilneten lennék - és ezért élénken emlékszem a modemes időkre - akkor lehet hogy duzzognék érte, mert napi 500M szokott lenni a limitem, de pl. a fizetős(azaz azon, amire a kereskedő átdob) oldalon ez nem jelenik meg, tehát valószínűleg fel se tűnne, hogy van valahol ilyen.

"De mar senki se emlekszik a modemes idokre..."

Régi szép idők! Akkoriban még a perceket számolták. Kedvezményként meg 150 Ft volt egy éjszakai nekifutás. Volt egy hét is, mire meglett a dist-upgrade :) Persze közben a lynx is ment, utána meg a netscape képkikapcsolással :)

( horbeni | 2014. 07. 29., k – 22:01 )

Én ilyenkor letiltom a képek megjelenítését