Foto's en afbeeldingen gebruiken veel serverruimte. Hierdoor kunnen webpagina's veel langzamer laden. Een optie die je hebt, is om in plaats daarvan miniaturen van je afbeeldingen te gebruiken. Een miniatuur is een kleinere versie van dezelfde afbeelding. Hieruit linkt u naar de originele foto.
Wanneer u miniaturen gebruikt, kunt u meer afbeeldingen op één pagina plaatsen. Uw lezer kan kiezen uit alle afbeeldingen op de pagina en beslissen welke ze willen zien.
Het maken van een thumbnail is niet moeilijk en duurt echt niet erg lang. Het eerste dat u moet doen, is een foto- of grafisch bewerkingsprogramma downloaden. Ik gebruik Irfan View. Het is gratis en eenvoudig te gebruiken. Het is niet zo uitgebreid als iets als Paint Shop Pro of Photoshop, maar het is goed genoeg om de afmetingen van de kleuren te wijzigen, bij te snijden en te veranderen.
Ik ga Irfan View gebruiken voor deze les. De instructies zijn niet zo veel anders als u een ander programma gebruikt.
Het eerste dat u gaat doen, is de afbeelding openen waarvan u de grootte wilt wijzigen. U doet dit door op "Bestand", "Openen" te klikken, de afbeelding op uw computer te zoeken en op de knop "Openen" te klikken.
Met de afbeelding geopend in uw grafische bewerkingsprogramma kunt u het nu bijsnijden of het formaat wijzigen. Bijsnijden is wat u doet wanneer u een afbeelding heeft die meer bevat dan wat u wilt gebruiken. Stel dat je een foto hebt van jou en een andere persoon, maar je wilt alleen het deel met jou erop gebruiken en de andere persoon afsnijden, dat is bijsnijden.
Om het bij te snijden, moet u eerst het gebied kiezen dat u wilt behouden. Plaats uw muisaanwijzer op een hoek van het gebied dat u wilt behouden, houd de muisknop ingedrukt en sleep uw cursor naar de tegenovergestelde hoek van het gebied. Je zult een lijn zien rond het gebied terwijl je dit doet en een dunne rand er omheen als je klaar bent.
Klik nu op "Bewerken", "Selectie uitsnijden". Het gebied dat je hebt geselecteerd, blijft staan en de rest van de foto is verdwenen. Als u tevreden bent met wat u ziet, wilt u de afbeelding op dit punt opslaan, zodat u het programma niet per ongeluk sluit en het bijsnijden verliest. Als je het niet leuk vindt, klik dan op "Bewerken", "Ongedaan maken" en het zal teruggaan naar de manier waarop het was voordat je het bijsneed.
Als u iets uit de afbeelding wilt knippen, kunt u dit doen met behulp van de functie "Knippen". U kunt op dit moment ook tekst aan uw afbeelding toevoegen met "Tekst invoegen in selectie". Beide functies staan onder het menu "Bewerken". Vergeet niet om de afbeelding op te slaan nadat u een gewenste wijziging aanbrengt, zodat u uw werk niet kwijtraakt.
Nu om onze thumbnail te maken. Klik op "Afbeelding", "Resize / Resample." Er verschijnt een venster waarin u de grootte van uw afbeelding kunt aanpassen. U kunt kiezen om het formaat van uw afbeelding te wijzigen op lengte en breedte of op percentage. U kunt bijvoorbeeld een breedte van 50 pixels plaatsen of u kunt ervoor zorgen dat de afbeelding slechts 10% van de oorspronkelijke grootte heeft. Als u de miniaturen maakt om te gebruiken als een fotogalerij, raad ik aan te proberen al uw afbeeldingen dicht bij dezelfde grootte te maken, zodat ze op de pagina passen en beter rechte rechte rijen of kolommen maken.
Als je afbeelding wat duidelijker lijkt te zijn geworden na het verkleinen, kun je de functie "Verscherpen" in het menu "Beeld" gebruiken. Wanneer je de afbeelding opslaat nadat je hem hebt aangepast, gebruik dan de "Opslaan als" -functie, NIET de "Opslaan" -functie. Je zult het een andere, maar vergelijkbare naam willen geven. Als je het gewoon opslaat, zal het je oude afbeelding overschrijven en verlies je het origineel. Als je origineel "picture.jpg" werd genoemd, dan zou je de thumbnail "picture_th.jpg" kunnen noemen.
Als uw hostingservice geen programma voor het uploaden van bestanden heeft om u te helpen eenvoudig pagina's en afbeeldingen naar uw website te uploaden, moet u een FTP-client hebben om deze te uploaden. De hostingservice waarmee u werkt, moet u de instellingen geven die u nodig hebt om in de FTP-client te plaatsen, zodat u de bestanden kunt uploaden.
Ik raad je aan om je afbeelding of foto's te uploaden naar een map met de naam "afbeeldingen" of "foto's", zodat je ze gescheiden van je pagina's kunt houden, zodat je ze gemakkelijker kunt vinden wanneer je ze nodig hebt. Ik vind het leuk om pagina's en afbeeldingen te organiseren met verschillende mappen. Houdt uw site mooi en netjes, zodat u snel kunt vinden wat u zoekt en u dus geen lange lijst met bestanden hebt waar u doorheen moet wanneer u iets nodig hebt.
U moet ook de miniatuur uploaden naar uw hostingservice. Overweeg deze in een aparte map te plaatsen, mogelijk 'thumbnail' genaamd.
Nu hebt u het adres van uw afbeelding nodig. Voorbeeld: Stel dat u uw site host bij Geocities en dat uw gebruikersnaam 'mijnsite' is. Je hoofdafbeelding bevindt zich in een map met de naam 'graphics' en heeft de naam 'graphics.jpg'. De miniatuur heet "thumbnail.jpg" en bevindt zich in een map die "thumbnail" wordt genoemd. Het adres van je afbeelding zou zijnhttp://www.geocities.com/mysite/graphics/graphics.jpg en het adres van je thumbnail zou zijnhttp://www.geocities.com/mysite/thumbnail/thumbnail.jpg.
Het enige dat u nu hoeft te doen, is een link naar uw miniatuur toevoegen aan uw pagina en een link naar uw afbeelding toevoegen vanuit uw miniatuur. Sommige hosting-diensten bieden fotoalbums. Het enige dat u hoeft te doen, is hun aanwijzingen volgen om uw foto's aan de pagina's toe te voegen.
Als u liever HTML gebruikt om uw fotoalbum te maken, hoeft u nog steeds niet helemaal opnieuw te beginnen. Gebruik in plaats daarvan een sjabloon voor een fotoalbum. Dan hoef je alleen maar de links toe te voegen en je hebt een fotoalbum.
Als u alleen een koppeling naar de afbeelding zelf maakt, zodat de hoofdafbeelding op uw pagina wordt weergegeven, is de code die u moet gebruiken deze:
Tekst voor afbeelding
Waar je zietgraphic.jpg in deze code verander je het inhttp://www.geocities.com/mysite/graphics/graphics.jpg of je kunt het korte formulier gebruiken dat er zo uitziet/graphics/graphics.jpg. Verander dan waar het zegtTekst voor afbeelding naar wat je wilt dat het zegt onder de foto.
Als je de miniaturen gaat gebruiken en vanaf daar naar de afbeelding linkt, zal de code die je gebruikt een beetje anders zijn:
Waar je ziethttp: //address_of_graphic.gif je voegt het adres van je thumbnail toe. Waar je ziethttp://address_of_page.com je voegt het adres van je afbeelding toe. Uw pagina toont uw thumbnail, maar zal direct naar uw afbeelding linken. Wanneer iemand op de miniatuur voor de afbeelding klikt, worden deze naar het origineel geleid.
U kunt nu op één pagina naar meer afbeeldingen linken zonder dat de server vastloopt waardoor uw pagina langzaam wordt geladen. Dit is niet de enige optie voor het maken van een fotoalbum, maar het geeft je een manier om heel veel foto's aan één pagina toe te voegen, zodat mensen niet door pagina's en pagina's met foto's hoeven te bladeren. Ze kunnen ook kiezen welke foto's ze in de normale grootte willen zien in plaats van ze allemaal te moeten zien als ze dat niet willen.
