Multimedia Handleiding - Afbeeldingen Gebruiken op het Web

Dit artikel legt in detail uit onder welke voorwaarden afbeeldingen en tekst moeten worden gebruikt, hoe de download van afbeeldingen kan worden versneld en welke geschikte afbeeldingsformaten moeten worden gekozen.

Wanneer gebruik te maken van afbeeldingen

Voor de meeste afbeeldingen kan een afbeelding meer zeggen dan duizend woorden. Maar wees voorzichtig, niemand let op die die te veel praten. Eerst en vooral, en het belangrijkste, is dat de grafieken in het document moeten dienen als visuele hulpmiddelen en niet als onnodige versiering. Ze moeten de inhoud van de tekst ondersteunen en de lezer helpen navigeren door het document. Gebruik van afbeeldingen kan de inhoud van het document duidelijker maken en kan ook aantekeningen of voorbeelden toevoegen. Fotos, grafieken, lijndiagrammen, kaarten en illustraties die de inhoud ondersteunen zijn natuurlijke en geschikte keuzes. Bijvoorbeeld, foto's van producten zijn een cruciale component van online catalogi en winkelgidsen. En iconen en druktekenen met koppelingen, inclusief animatiebeelden, kunnen zeer effectieve visuele gidsen zijn voor inhoud of externe bronnen. Als een afbeelding geen van de hierboven genoemde functies heeft, moet je het weggooien!

Bij het overwegen van het toevoegen van afbeeldingen aan een document, is een andere belangrijke overweging de tijdvertraging die wordt veroorzaakt door het ophalen via het netwerk, vooral via een modem om dit document over te dragen. Algemene documenten kunnen maximaal 10-15 kilobytes bevatten, terwijl een afbeelding gemakkelijk honderden kilobytes kan bereiken. Bovendien is de totale downloadtijd van een document niet alleen de som van alle delen, maar ook de vertraging die wordt veroorzaakt door de netwerkbelasting.

Afhankelijk van de snelheid van de verbinding (dat wil zeggen, de bandbreedte,bandbreedteNormaal gesproken wordt bps of b/s gebruikt om dit te representeren) en de situatie van netwerkblokkade die de verbindingssnelheid kan verminderen, om een aparte document met een afbeelding van 100 KB te downloaden, zou je 's nachts om een uur of een beetje na middernacht moeten doen, wanneer de meeste mensen nog slapen, met een 57,6 Kbps modem duurt ongeveer 15 seconden om de download te voltooien, of mogelijk om overdag met een 9600 bps modem meer dan 10 minuten te kosten om te downloaden. Heb je dit beeld gekregen?

Natuurlijk, de gebruik van afbeeldingen en andere multimedia drijft internetdienstaanbieders aan om voortdurend op zoek te gaan naar snellere, betere en robuustere manieren om webinhoud te leveren. Binnenkort zullen 56 Kbps modems zoals paarden en carrières de geschiedenis in gaan (net als 9600 bps modems), en zullen ze worden vervangen door nieuwe technologieën zoals kabelmodems en ADSL. In feite zullen de meeste verbindingen snel de snelheid van 1Mbps overschrijden.

Met de daling van de kosten neemt het gebruik van het netwerk toe, wat leidt tot blokkades. Als je probeert toegang te krijgen tot een overbelaste server, dan maakt je netwerkverbindingssnelheid niet uit, je kunt niet normaal toegang krijgen.

Wanneer om tekst te gebruiken

Tekst is niet verouderd. Voor sommige gebruikers is tekst het enige toegankelijke deel van hun document. We raden aan dat documenten in de meeste gevallen toegankelijk moeten zijn voor iedereen, inclusief gebruikers die geen afbeeldingen kunnen bekijken of gebruikers die de automatische downloadfunctie van afbeeldingen in hun browser uitschakelen om de prestaties van hun netwerkverbinding te verbeteren. Hoewel de behoefte aan het toevoegen van afbeeldingen aan een document sterk kan zijn, zijn er soms puur tekstbestanden echt nuttiger.

Documenten die zijn omgezet van andere formaten naar webpagina's bevatten zelden ingesloten afbeeldingen, en referenties en andere serieuze inhoud zijn meestal volledig beschikbaar in puur tekstvorm.

Bij een erg belangrijke toegangsnelheid moet een puur tekstbestand worden gecreëerd. Als je weet dat gebruikers waarschijnlijk dringend je document willen verkrijgen, moet je afbeeldingen vermijden in het document om aan de behoeften van deze gebruikers te voldoen. In extreme gevallen kun je een homepage (ontvangstpagina) bieden waar gebruikers de keuze kunnen maken tussen twee kopieën van je werk: een met afbeeldingen en een zonder afbeeldingen (populaire browsers hebben speciale afbeelding pictogrammen die ruimte bieden voor afbeeldingen die nog moeten worden gedownload, en deze placehodlers kunnen de lay-out van het document verstoren, zelfs tot een onleesbaar geheel).

Als je wilt dat je document gemakkelijk kan worden gevonden door talloze indexservices op het web, is tekst de beste vorm - alleen ondersteuning voor afbeeldingen, geen decoratieve en onnodige grafieken. Maar deze zoekmachines negeren meestal het bestaan van afbeeldingen. Als de hoofdinhoud van de pagina wordt geleverd door afbeeldingen, zal de informatie over je document in de online webcatalogi beperkt zijn.

Versnel het downloaden van afbeeldingen

Behalve het zorgvuldig kiezen van de inhoud die moet worden opgenomen in het document, zijn er veel methoden om de belasting en vertraging van afbeeldingen te verminderen:

Houd het eenvoudig

Een volledig scherm van een 24-bit kleurendiagram zal nog steeds de meeste netwerkbandbreedte innemen, zelfs als de grootte is gereduceerd door digitale compressie in standaardformaten (bijvoorbeeld GIF of JPEG). Daarom is het het beste om verschillende beeldbeheerhulpmiddelen te gebruiken om de afmetingen van de afbeeldingen te optimaliseren en het aantal kleuren te verminderen tot het minimum aantal pixels. Simplificeer je tekeningen en gebruik geen landschapsfoto's, en vermijd grote witte achtergronden in afbeeldingen, onnodige randen en andere ruimteverslindende elementen. Bovendien moet je het gebruik van stroboscoop-effecten vermijden (het mengen van twee dicht bij elkaar liggende kleuren om een derde kleur te verkrijgen), omdat deze techniek de compressibiliteit van het beeld aanzienlijk vermindert. In plaats daarvan moet je proberen om grote gebieden met dezelfde kleur te gebruiken, omdat deze gemakkelijk kunnen worden gecomprimeerd in formaten zoals GIF of JPEG.

Hergebruik van afbeeldingen

Dit is vooral van toepassing op pictogrammen en GIF-animaties. De meeste browsers zullen de geïntroduceerde documentcomponenten in de lokale opslag opslaan, zodat ze sneller kunnen worden verkregen en minder netwerkverbindingen hoeven te gebruiken. Voor kleinere GIF-animatiebestanden moet je proberen om elke opeenvolgende afbeelding voor te bereiden, zodat alleen die delen van de animatie worden bijgewerkt die veranderen, in plaats van het hele beeld opnieuw te laden (wat ook de weergave van de animatie zelf kan versnellen).

Grote documenten splitsen

Dit is een algemene regel voor het opnemen van afbeeldingen. Veel kleine documentfragmenten worden georganiseerd met hyperlinks (natuurlijk, dat deden ze!) en effectieve inhoudsopgaven, zodat gebruikers het gemakkelijker vinden. Over het algemeen, mensen geven de voorkeur aan het bladeren tussen meerdere pagina's, in plaats van tijd te verspillen aan het wachten op het downloaden van een groot document (dat lijkt een beetje op het ziektebeeld van het bladeren door tv-kanalen). Een goed advies is om elke document te houden bij een grootte van ongeveer 50 KB, zodat lezers zelfs met de traagste verbinding niet snel afgeleid raken.

Isoleren van grote grafieken indien nodig

Bied een specifieke link aan voor een zeer grote afbeelding, die mogelijk een miniature van de afbeelding is, zodat de lezer kan beslissen of hij de tijd wil besteden om het hele beeld te downloaden en wanneer hij dat wil doen. Bovendien, omdat dergelijke afbeeldingen niet zoals inline-afbeeldingen vermengd zijn met andere elementen in het document, zijn ze gemakkelijk te identificeren en op te slaan in de lokale opslag voor latere gebruik.

Specificeer de afmetingen van de afbeelding

Ten slotte, een andere manier om de prestaties te verbeteren, is om de hoogte en breedte van het beeldvlak in de label op te nemen. Door deze afmetingen te specificeren, kunnen enkele extra stappen worden overgeslagen, zodat browsers zonder extra stappen de afmetingen van het beeld in het document hoeven te downloaden, te controleren en te berekenen. Echter, deze methode heeft ook een nadeel. Als de gebruiker de functie van automatisch downloaden van afbeeldingen uitschakelt, zal de browser toch de voor de afbeelding gereserveerde ruimte weergeven met de opgegeven afmetingen. Dit leidt meestal tot een lege frame voor de lezer, hoewel er nog geen oplossing voor dit probleem is, moedigen we je toch aan om deze afmetingskenmerken te gebruiken, omdat we elke gedraging die de prestaties van het netwerk verbetert, aanmoedigen.

JPEG of GIF?

Als de bron van de afbeelding of je toolsoftware een voorkeur heeft voor een bepaald formaat, kun je mogelijk alleen JPEG of GIF afbeeldingen gebruiken. Nu worden beide formaten breed ondersteund door browsers, dus er is geen probleem met het bekijken ervan door gebruikers.

Desalniettemin raden we je aan om bepaalde tools te gebruiken om deze formaten te maken of te converteren, zodat je de functies van elk van hen optimaal kunt benutten. Bijvoorbeeld, kan je de transparante eigenschap van GIF toepassen op pictogrammen en kleine decoratieve symbolen. Gebruik JPEG om grote, kleurrijke afbeeldingen te comprimeren om de download snelheid te versnellen.

<img> Tag

Het <img> tag laat toe om grafische afbeeldingen te refereren of in te voegen in de huidige documentstroom van het document. Voor meer gedetailleerde informatie over dit tag, raadpleeg: