først og fremmest skal du ikke lave inline styling, og det bedste er klart at du (fysisk) laver billedet den størrelse det skal være. Når det så er sagt, så kan du bruge css koden.
max-width:160px; til at fortælle at billedets max bredde kun må være 160px
width:160px, laver den til at være 160px uanset billedets oprindelige størrelse, også selvom billedet er mindre, men hvis det er det trådstarter vil, og ikke sætte det et billede max må være i størrelsen. så er det jo fint.
max-width gør det at den kun gør billeder mindre hvis de er større end den angivende størrelse.
width:160px, laver den til at være 160px uanset billedets oprindelige størrelse, også selvom billedet er mindre, men hvis det er det trådstarter vil, og ikke sætte det et billede max må være i størrelsen. så er det jo fint.
max-width gør det at den kun gør billeder mindre hvis de er større end den angivende størrelse.
MVH Kim
Det vil sige at det er bedre at skrive style="border:0;margin-left:8px;max-width:160px;" alt="">?
Det vil sige at det er bedre at skrive style="border:0;margin-left:8px;max-width:160px;" alt="">?
Ja, altså det klart bedste er jo at tage billedet ind i et billedredigeringsværktøj, og lave billedet i den størrelse det skal bruges i på hjemmesiden, det gør at det loader lidt hurtigere hos brugeren.
det kommer helt an på situationen for hvad der er bedst, dog ville jeg aldrig nogen sinde skallere et billede til en større størrelse, via HTML eller CSS, og der er css koden max-width en god løsning. Men som sagt kommer det an på situationen. har du fx mange billeder som kan være dynamiske, som max må være en bestemt størrelse, så er det nemmere at bruge max-width, dog er width bagudkompatibel så hvis du henvender dig til mange brugere som bruger en gammel browser, så er width bedst.
Men som sagt er det altid bedst at gøre billedet fysisk mindre, for med ovenstående skal brugeren stadig hente det fulde billede, og det er kun browseren som gør det mindre (visuelt)
Glemte lige at sige at det er en god ide at bruge class i css filer i stedet for at lave inline css kode. så kan du nemmere styre det hele og lave ændringer globalt.
width:160px, laver den til at være 160px uanset billedets oprindelige størrelse, også selvom billedet er mindre, men hvis det er det trådstarter vil, og ikke sætte det et billede max må være i størrelsen. så er det jo fint.
max-width gør det at den kun gør billeder mindre hvis de er større end den angivende størrelse.
MVH Kim
Det vil sige at det er bedre at skrive style="border:0;margin-left:8px;max-width:160px;" alt="">?
Ja - ellers bliver billedet strukket, hvis det er bredere end 160px.
Dog burde du uanset hvad finde en thumbnail-generator til at generere billedet til 160px on-the-fly. Det har flere fordele:
Hvis billedet nu er 2000x????px, så skal brugeren hente HELE det billede, og så sætter browseren størrelsen ned. Derfor fylder billedet måske 1MB, hvor det som thumbnail ville fylde måske 8KB.
Browsere skalerer ikke billeder særligt pænt. Tit bliver de grynede og "hakkede" at se på - hvor f.eks. GDLib eller ImageMagick ville skalere billedet pænt med anti-alias og interpolating m.m.
Bliv gratis medlem
Opret bruger