Hoe u afbeeldingen op uw website optimaliseert

Bij SMOOP streven we er altijd naar om sites te leveren van geweldige kwaliteit op alle apparaten, zodat elke gebruiker een boeiende ervaring krijgt. Om ons te helpen dit doel te bereiken, hebben onze ontwerp- en ontwikkelingsspecialisten samengewerkt om het volgende artikel samen te stellen. Op basis van de webdesign vragen die zij het meest van onze klanten krijgen, biedt het een aantal belangrijke inzichten om u te helpen het meeste uit uw beelden en de website ontwikkeling ervaring als geheel te halen.

Hoe groot moeten afbeeldingen op uw website zijn?

Onze reactie: Het aanleveren van uw afbeeldingen in het meest optimale uploadbare formaat, kan heel veel verschil maken, maar zal er ook toe bijdragen dat u het gewenste eindresultaat in termen van visueel effect bereikt. Het is ook een belangrijke factor om na de ontwikkeling rekening mee te houden, als u van plan bent om zelf beeldinhoud naar de site te uploaden.

Het belangrijkste aspect om te overwegen is waar het beeld voor gebruikt gaat worden, of nog belangrijker, waar het gebruikt wordt. Is het bijvoorbeeld een headerofoto, een banner of misschien een thumbnail of een pictogram? Een kleinere afbeelding, genomen op een Iphone, ziet er misschien goed uit op sommige delen van uw site, maar zal waarschijnlijk niet werken als een vergrote functieafbeelding.

Als een eenvoudige vuistregel: zorg ervoor dat u afbeeldingen aan uw websitedesigner aanlevert in het meest hi-res formaat dat mogelijk is, zodat ze op de juiste manier kunnen worden aangepast voor het uploaden. U wilt er op zijn minst zeker van zijn dat ze de exacte grootte hebben die op uw site zou moeten verschijnen. Als ze kleiner zijn, zullen ze waarschijnlijk te wazig of pixelachtig zijn voor gebruik.

Als u degene bent die de upload beheert, raden wij u een bestandsgrootte van minder dan 600 KB en afmetingen tussen 1500 en 2500 pixels breed aan, voor het beste resultaat.

Beïnvloeden afbeeldingen de snelheid van uw website?

Antwoord: Over het algemeen, hoe groter de grootte van de afbeelding, hoe hoger de weergavekwaliteit zal zijn. Het is echter belangrijk om te weten dat het uploaden van te grote bestanden een negatieve invloed kan hebben op de laadsnelheid van uw website. Dit zal er op zijn beurt waarschijnlijk toe leiden dat uw gebruikers hun geduld verliezen en uw website verlaten. Door vast te houden aan de bovengenoemde bestandsgrootte en -afmetingen kunt u problemen op dit gebied voorkomen.

Welk afbeeldingsformaat moet ik kiezen?

Antwoord: Wanneer u uw afbeeldingsbestanden aanlevert, zorg er dan voor dat uw afbeeldingen worden opgeslagen als een .jpg (voor foto’s) of.png (voor afbeeldingen) bestand, en vergeet niet dat het volgende niet compatibel is met het web:

.pdf
.pds
.tff
.doc

Namen van afbeeldingen kunnen fungeren als alt-tekst op uw site waar geen andere tekst beschikbaar is, en helpen zoekmachines om te bepalen waar de afbeelding over gaat, waardoor de kans groter is dat deze in de zoekresultaten verschijnt.

Geef uw bestanden duidelijke, beschrijvende, korte namen (meestal 8 woorden of minder), die het gemakkelijk maken voor anderen om te verwijzen en zich te houden aan eenvoudige letters, cijfers, onderstrepingen en koppeltekens. Probeer het gebruik van schurkenstaten zoals vraagtekens of procentuele tekens te vermijden, omdat deze onjuist kunnen worden geüpload of onverwacht gedrag in galerijen kunnen veroorzaken.

Bijvoorbeeld: als je afbeeldingsnaam IMG_00345.jpg is, verander deze dan in iets beschrijvend, zoals rood-katoenen jumper-01.

Moet ik rekening houden met de breedte en hoogte van een foto?

Antwoord: Het leveren van afbeeldingen met een consistente beeldverhouding (hoogte:breedte) is niet essentieel, maar het kan helpen om het werk in het ontwikkelingsproces lichter te maken, omdat het veel gemakkelijker is om te anticiperen op hoe uw afbeeldingen zullen uitsnijden. Op een vergelijkbare manier kunt u ook de beleefdheid van roterende beelden uitbreiden waar dat nodig is om ervoor te zorgen dat ze zo georiënteerd zijn dat ze zichtbaar zijn op de website.

Uitsnijden, is dat mogelijk?

Antwoord: Het is zeer waarschijnlijk dat sommige van de afbeeldingen die u op uw website laat zien, moeten worden uitgesneden om te passen bij de beschikbare ruimte. Dit is met name relevant als het gaat om uw mobiele ontwerp. Zo kan bijvoorbeeld een grote bannerafbeelding op uw desktopontwerp worden bijgesneden tot de helft van het oorspronkelijke formaat om goed te passen op een mobiel scherm.

Hoe kunt u het beste logo’s en afbeeldingen aanleveren?

Antwoord: Bij het aanleveren van uw logobestanden of soortgelijke afbeeldingen voor gebruik op uw website is het belangrijk dat deze als vectorbestanden worden aangeleverd. Vectorafbeeldingen zijn onafhankelijk van de zoom en de resolutie, wat betekent dat de kwaliteit en duidelijkheid behouden blijft, ongeacht de grootte van de afbeelding op uw hele website.

De conclusie

Onderschat het belang van de grootte en de kwaliteit van de afbeeldingen die u naar uw site uploadt niet. Afbeeldingen van slechte kwaliteit op uw website kunnen uw merk en diensten dramatisch devalueren of ervoor zorgen dat uw site zo langzaam laadt dat gebruikers niet eens de pagina halen die ze in de eerste plaats zochten.

Als het gaat om uw beelden, zal het nemen van de extra tijd om het goed te krijgen, helpen om een professionele afwerking te bereiken op de lange termijn en een website die effectief gebruikers omzet in klanten.

Blog onderwerpen

smoop logo wit

Over Smoop

Smoop helpt sinds 2011 middengrote en kleine bedrijven met de online vindbaarheid. Smoop denkt mee op strategisch niveau om maximale resultaten uit het marketingbudget te halen.

Wilt je een (snellere) omzetgroei met jouw bedrijf? Neem dan direct contact op.

Contact

Kantoor & Bezoek:

Smoop
Wijnhaven 6
2511 GA
Den Haag

Post:

Noord-West Buitensingel 5E
2518 PA
Den Haag

Copyright 2011 - 2020 ©  SMOOP