Overbevisende grafikk og bilder kan betydelig forbedre nettstedet. De kan imidlertid forårsake problemer hvis de er for store. Store bilder kan føre til forsinkelser i åpningen, laste opp, lagre, forhåndsvisning, publisering og visning av nettstedet. Dette vil være en kilde til frustrasjon for deg, og dine besøkende.
Vi har snakket lenge om å minimere lastetiden for raskere brukeropplevelser og hvorfor det er viktig å gjøre det, og i dag kommer jeg til å kaste lys over hvordan du kan optimalisere bildene i Photoshop for bedre web ytelse.
Et bilde er en fast størrelse, og kan være alt fra 1 kB til flere megabyte som er produsert av HD-digitalkameraer. Problemet er uansett størrelse det er på siden, alt må lastes ned for å bli sett. Web vennlige bilder bør være mellom 20KB og 100KB hver; avhengig av hvor mange du har på en side. Du kan se filstørrelsen vises under forhåndsvisning av bildet i filbehandleren.
Mange av oss allerede vurdere å optimalisere bilder for web bruk ved å redusere filstørrelser så mye som mulig uten merkbar visuell nedbrytning. Et annet aspekt ved å optimalisere bildene er deres faktiske bruk, slik som å kombinere flere ikoner til ett bilde, og ved hjelp av CSS for presentasjon eller bruke en bakgrunnsbilde til flere formål, også ved hjelp av CSS posisjonering.
Hva bildefil format er best for web
GIF - står for Graphics Interchange Format, en bit-kartlagt grafikk filformat. GIF støtter farger og ulike oppløsninger. I motsetning til JPG, er GIF-format en tapsfri komprimering teknikk og den støtter bare 256 farger. GIF er bedre enn JPG for bilder med bare noen få forskjellige farger, for eksempel strektegninger, svart og hvitt bilder og lite tekst som bare er noen få piksler høyt
JPG -. Kort for Joint Photographic Experts Group, opprinnelige navnet på komiteen som skrev standarden. JPG er et lossy komprimeringsteknikk som er utviklet for å komprimere farger og gråtoner halvtonebilder. JPG-bilder støtte 16 millioner farger, og er best egnet for bilder og kompleks grafikk.
Her er noen gode tips som kan brukes mens optimalisere nettsider.
Det første du trenger å gjøre er, for å velge bildene nøye og ha relevans. Bruk aldri skremmende eller porno bilder, selv om de vil vekke oppmerksomhet, men det vil være i dårlig tro og brukere vil ha en følelse av å bli lurt.
Det viktigste du må huske på her er hvordan mye detaljer du vil nettbrukere å se ved første blikk på bildet. Når du har valgt bildene dine, må du identifisere dem, ikke bare for ditt eget formål, men også for seerne som ser på bildet.
Det viktigste du trenger å gjøre er å bruke et navn som perfekt identifiserer hva bildet handler om og som er lett å huske.
Aldri glem å fylle i Alt egenskap av bildekoden i koden på nettstedet. Dette vil ikke bare bildetekst bildet ytterligere, vil det også fortelle brukerne hva som er der i tilfelle bildet ikke laste riktig.
Det er noen bildeoptimalisering verktøy.
tools.dynamicdrive. com /imageoptimizer /Anmeldelser