Bilde størrelse endring i CSS

[Larsmars]

Hei, lurte bare kort på om det er mulig å få et bilde 50% redusert i CSS? Har en rekke store bilder som hadde passet mye bedre hadde de vært krympet 50%.

 

Lars

[FrodeNilsen]

Du kan ikke redusere ett element i henhold til innholdet, slik at du ikke kan redusere i henhold til %.

 

Du kan sette høyde og bredde på img elementet i css, noe som fungerer i FF, Opera, og IE7. Høyden burde være i pixler.

 

http://www.w3.org/TR/html401/struct/objects.html#visual

 

Hvis jeg leser html spekken riktig, er css size override å foretrekke, og bildet skal skaleres.(client-side).

 

img
{
height: 50px;
width: 50px;
}

[lassejl]

Det som er å foretrekke er å ikke skalere bildet via HTML eller CSS, da dette gjør at bildet fortsatt tar like lang tid å laste (iogmed størrelsen på filen er den sammen) og kvaliteten på bildet blir ikke bra. Det beste er å resize bildet for hånd eller bruk av et programm/script.

[FrodeNilsen]

Det som er å foretrekke er å ikke skalere bildet via HTML eller CSS, da dette gjør at bildet fortsatt tar like lang tid å laste (iogmed størrelsen på filen er den sammen) og kvaliteten på bildet blir ikke bra. Det beste er å resize bildet for hånd eller bruk av et programm/script.

 

Yep!

 

Du glemmer at det å endre størrelse av bilder på server ikke helt planke heller, samt at dette er resurskrevende on the fly. Flere teknikker krever server konfigurasjon, med mindre du skal lage bildefiler som php filer: bilde.php?bilde=5&width=352 osv.

 

hardware gjør dette på sine sider, jpeg addresser som egentli er scripts, men selv der opplever jeg til tider at bildene ikke kommer opp.

 

Det kan fort bli sabla mye dobbeltlagring av samme bilde hvis man skal ha flere størrelser lagret av samme bilde, men det virker ikke som problemet i dette tilfellet?