Inhoudsopgave:
Video: Afbeelding op de juiste manier opslaan voor het web 2024
Het moeilijkste aspect van het opnemen van afbeeldingen op uw webpagina's is het oplossen van alle ontwerpproblemen die gepaard gaan met het gebruik van afbeeldingen. Het is niet zo eenvoudig om effectieve grafische afbeeldingen te maken en ze op de juiste manier te plaatsen in relatie tot uw tekst. Sommige extra zorgen ontstaan wanneer u afbeeldingen op het web gebruikt.
Langzame pagina's versnellen
Een van de lopende problemen van het web is downloadsnelheid - de hoeveelheid tijd die een webpagina nodig heeft om op het scherm van de gebruiker te verschijnen. De downloadtijd is bijzonder traag voor pagina's met veel grafische afbeeldingen, die, hoewel interessanter om te bekijken, frustrerender kunnen zijn omdat ze langzamer lijken. En de afweging is niet eenvoudig; veel variabelen komen tussenbeide. Bijvoorbeeld:
- Toegangssnelheden: Verschillende gebruikers hebben toegang tot het web via verbindingen die op verschillende snelheden worden uitgevoerd. En dezelfde server kan een webpagina op verschillende snelheden serveren, afhankelijk van hoe druk de server is. Wanneer u uw geheel nieuwe, grafische pagina op uw lokale computer test, kan alles snel gaan. Maar wanneer u dezelfde pagina naar een server uploadt en de pagina via een 56 Kbps (kilobits per seconde) -modem opent, laadt de pagina veel langzamer.
- Goede en slechte grafische afbeeldingen: Als u van plan bent de tijd van uw gebruikers te besteden aan het downloaden van grote afbeeldingen, investeer dan eerst wat van uw eigen tijd en geld om ervoor te zorgen dat de afbeeldingen zo hoog zijn kwaliteit mogelijk. Mensen vinden het niet erg om bijna evenveel op een goede afbeelding te wachten als ze denken aan het wachten op een slechte. Een goede afbeelding kan een productfoto zijn. Een slechte afbeelding kan een banner zijn die zegt: "HALLO! "In zes fluorescerende kleuren.
- Frustratieniveaus: Dezelfde gebruikers die graag 's morgens naar je pagina kijken, verschijnen onder het genot van een kop koffie, maar kunnen in de verleiding komen om in hun browser te gillen wanneer ze snel je pagina proberen te bekijken net voordat je naar huis gaat van je werk.
Wat kunt u doen om al deze factoren aan te pakken, vooral wanneer ze samengaan om uw pagina te vertragen en uw gebruikers chagrijnig maken? Wees slim:
- Beperk het aantal kleuren in uw afbeeldingen om de bestanden kleiner te maken, zodat ze sneller downloaden.
- Vraag deskundig advies - van iemand die je kent of een boek - of bekijk coole sites online om je te helpen de grafische afbeeldingen die je gebruikt interessanter te maken.
- Bestrooi uw pagina lichtjes met kleine afbeeldingen, in plaats van deze te belasten met verschillende grote afbeeldingen.
Drie grote fouten vermijden
Maak deze drie grote fouten met betrekking tot afbeeldingen op internet niet:
- Geen afbeeldingen: Geen afbeeldingen op uw webpagina's hebben saaie pagina's.
- Te veel afbeeldingen: Het gebruik van te veel grote, traag om te downloaden afbeeldingen kan de grootste newbie-auteurschending zijn.
- Geen tekstalternatief: Sommige gebruikers hebben helemaal geen grafische mogelijkheden en een toenemend aantal mensen met een visuele beperking gebruikt het web. U moet deze gebruikers tegemoet komen door uw pagina zodanig te maken dat alleen-teksttoegang en grafische toegang worden ondersteund.
Sommige sites bieden een hele reeks parallelle webpagina's die puur tekstueel zijn in plaats van grafisch. Door parallelle pagina's met alleen tekst aan te bieden, kan de gebruiker kiezen of hij voor de aantrekkelijke, bandbreedte-zuigende grafische pagina's of voor de zeer snelle pagina's met alleen tekst wil gaan, en stelt hij gebruikers met visuele beperkingen in staat te profiteren van de voordelen van het internet.
Omdat het percentage gebruikers met niet-breedbandtoegang blijft dalen, kan het bieden van een complete set pagina's met alleen tekst te veel van het goede zijn. Overweeg een tekst-meestal -versie te leveren, met beperkt gebruik van afbeeldingen, eenvoudiger lay-out en alternatieve tekst voor afbeeldingen. Deze optie is mogelijk alleen het ticket voor gebruikers met een visuele beperking.
Dit zijn de belangrijkste regels voor ondersteuning van tekst en grafische toegang:
- Terwijl u uw pagina ontwerpt en maakt, bedenkt u hoe uw pagina er uit zal zien met alle grafische toegangen uitgeschakeld en ingeschakeld.
- Test uw pagina met afbeeldingen uitgeschakeld.
- Test uw pagina in verschillende browsers.
- Neem ALT-tags op - in feite het ALT-kenmerk binnen de IMG-tag - in alle afbeeldingen, zodat verklarende tekst wordt weergegeven wanneer een afbeelding niet wordt weergegeven.
- Lever alleen tekstmenu's naast pictogramgebaseerde selecties en afbeeldingen.
- Als u iedereen heel blij wilt maken, overweeg dan om een afzonderlijke, alleen-tekstversie van uw site te maken.