Bildförminskning, behåll kvaliten
 

Tjena!
Jag stör mig mycket på att när man förminskar en bild på hemsidan, och med förmiska menar jag genom css såsom när vi säger att "bilden.png" är 400x400px..

men i IE så när denna förminskningen sker så blir kvaliten på bilden urusel, medans i tex Chrome (har bara testat i chrome) så blir bildens kvalite densamma som om den vore 400x400. finns det något script eller enkel kodsnutt som gör att pixlarna blir bättre?

hoppas ni förstår hur jag menar!

tacksam för svar :)
//Philip Andersson!

Oftast är det bättre att använda en bild i rätt storlek, så sparar man bandbredd också, och det går snabbare att ladda sidan.

Annars är det Timthumb du letar efter.

http://www.darrenhoyt.com/2008/04/02...ript-released/

Jo, jag vet, men bygger en sportsida och ett klubbmärke som normalt är i 100x100 ska bli 80x80 i ett spelschema och det gäller samma bild då. samt att märket laddas upp via php och hittade inget vettigt autoskalare script

Tack, detta "funkade". kan tyvärr inte använda det, j*vla webbhotellet citynetwork tillåter ju ingenting i php, scriptet får inte använda mkdir(), touch() eller chmod().... kan inte iheller ändra chmod manuellt... :eek: aja, tack iaf :)

Jag skulle nog leta efter en klass som använder sig av imagemagick för PHP istället för att använda det sunkiga GD.
ImageMagick: http://www.imagemagick.org/script/index.php
Klasser: http://www.google.se/#hl=sv&source=h...96593a469058b2

Testa följande css:
Borde funka med IE7 och senare.

Lindahl, av intresse - kan du förklara vad den där attributet gör?

Inte så mycket att förklara egentligen, det är ett Microsoft-specifikt css-attribut som helt enkelt säger vilken algoritm IE ska använda för att ändra storlek på bilder.

Mer info: http://msdn.microsoft.com/en-us/libr...22(VS.85).aspx

Vilken interpolationsmetod som är att föredra varierar dock lite beroende på vad för typ av bild det handlar om. Det bästa alternativet är i princip alltid att ha bilder i rätt storlek. Det är tämligen enkelt att skala om direkt vid uppladdning till de storlekar man använder sig av.

Testade detta, tyvärr funkade det inte, men tack iaf :)

tartareandesire:
I mitt fall så har jag som sagt en sportsida. och där använder vi oss utav klubbmärken/logos som är i 100x100 och dessa används på fler än ett ställe tex i information, spelschema, tabell mm. och alla har olika storlekar där.
tar det mer eller mindre på bandbredden om jag laddar upp samma logga i 3 olika storlekar och sparar på servern? vad jag tror så sparar jag väll bandbredd? rätta mig om jag har fel.

Japp, du sparar bandbredd och får bra kvalité på bilderna.
Detta är att rekommendera!

I just det här fallet tar det förstås mindre bandbredd att ha en stor bild som skalas ner av webbläsaren, än att både en stor och en liten bild behöver laddas. (Under förutsättning att den stora bilden alltid ska visas för alla användare som ser den lilla.)

Tack, just det jag menade, då var jag inte fel på det. :) och ja, alla användare laddar den stora bilden innan dem kan gå in på spelschema tex.