Hoe u een afbeelding laat verschijnen en sneller laadt

Video: 8 Excel-tools die iedereen zou moeten kunnen gebruiken

Inhoud

routebeschrijving
tips
Wat je nodig hebt

Bij het plaatsen van afbeeldingen op internet is het belangrijk ervoor te zorgen dat ze zijn geoptimaliseerd voor weergave op het web, zodat u ze sneller kunt laden. Langzaam ladende afbeeldingen hebben de neiging bezoekers af te schermen en kunnen voorkomen dat ze volledig van uw site kunnen genieten. De beste manier om ervoor te zorgen dat uw afbeeldingen sneller worden geladen, is door zoveel mogelijk kwaliteit in een vaste grootte te persen. Voor webweergave is het een goed idee om de grootte van elk van uw afbeeldingen onder de 50 KB te houden.

routebeschrijving

Optimaliseer uw afbeeldingen voor het bekijken van het web waardoor ze sneller worden geladen (Ablestock.com/AbleStock.com/Getty Images)

Gebruik het juiste formaat. Gebruik JPEG voor verloopafbeeldingen en veel kleurmenging. Voor afbeeldingen met vormen en tekst met een hoog contrast, kunt u GIF of PNG gebruiken. De meeste software voor beeldbewerking ondersteunt cross-format conversies.
Wijzig de beeldresolutie in 72 dpi (dots per inch). De meeste schermen en monitors geven webpagina's en afbeeldingen weer met deze resolutie. Gebruik deze resolutie ook om vervormingen en problemen met kleur te verminderen.
Maximaliseer de snede in uw afbeelding. Als bijvoorbeeld het onderwerp van uw afbeelding tegen een vaste achtergrond is geplaatst, snijdt u het grootste deel van de effen kleur af. Je zult eindigen met een kleinere bestandsgrootte.
Geef een lichte vervaging aan uw afbeelding. Begin met het toepassen van een Gaussiaans vervagen met een straal van 0,2 pixel. Een Gaussiaanse achtergrondonscherpte van 1,0 pixel zou voldoende moeten zijn om de bestandsgrootte van de afbeelding met ongeveer 23% te verminderen. Probeer alleen de achtergrond van uw afbeelding of delen ervan die niet opvallen te verwijderen om kwaliteitsverlies te voorkomen.
Isoleer het object uit de afbeelding met behulp van het selectiegereedschap en voeg meer vervaging toe aan de rest van de afbeelding. Hierdoor wordt de bestandsgrootte van uw afbeelding aanzienlijk verkleind. Als een voordeel, benadruk je wat belangrijk is.

tips

Vermeld in uw HTML-markup de breedte en hoogte van elke afbeelding die u invoert. Op deze manier hoeven browsers niet de ideale grootte voor uw afbeelding te berekenen. Gebruik sprite-afbeeldingen wanneer je maar kunt. Combineer kleinere afbeeldingen in een groot afbeeldingsbestand om het aantal HTTP-verzoeken dat uw webpagina moet maken te verminderen. Hiermee kunt u uw afbeeldingen sneller laden.