Afbeeldingen en de mediabibliotheek
Uw afbeeldingen, video’s en documenten importeren, terugvinden, beschrijven en lichter maken.
De mediabibliotheek
Het scherm Media verzamelt alle bestanden van uw site: afbeeldingen, video’s, geluiden en documenten. De filters Alle, Afbeeldingen, Video’s, Audio en Documenten helpen u de weg te vinden.
Bestanden importeren
- Open Media.
- Klik op Importeren, of sleep uw bestanden naar het venster.
De bestanden worden naar de map van uw site gekopieerd: ze blijven offline beschikbaar en gaan bij publicatie mee.
Een geweigerd bestand wordt bij naam genoemd, met de reden: een video groter dan 100 MB moet bijvoorbeeld eerst worden gecomprimeerd.
Een geïmporteerd document (PDF, Word, Excel…) wordt gepubliceerd onder een leesbaar adres op basis van de naam, bijvoorbeeld /media/jaarverslag.pdf: makkelijker te delen.
Een afbeelding in een pagina plaatsen
Voeg een blok Afbeelding of Galerij toe (typ /) en klik dan op het afbeeldingsvlak. De kiezer biedt:
- Bibliotheek: uw media, met een knop Importeren om er een toe te voegen zonder de pagina te verlaten;
- Beeldbank: rechtenvrije foto's om gratis te gebruiken (zie hieronder);
- Pictogrammen: een pictogrammenbibliotheek, met een zoekfunctie die woorden in uw taal begrijpt, met of zonder accenten;
- afhankelijk van de plek, Externe URL: een afbeelding die elders gehost wordt.
Kies bij voorkeur de bibliotheek
Een afbeelding die in de mediabibliotheek is geïmporteerd, maakt deel uit van uw site. Een afbeelding via een externe URL hangt af van een andere server: verdwijnt ze daar, dan verdwijnt ze ook van uw pagina.
De beeldbank
Het tabblad Beeldbank biedt rechtenvrije foto's van Pexels die u gratis op uw site kunt gebruiken. Beschrijf in de taal van de site wat u zoekt: één klik op een foto voegt die toe aan uw media en plaatst hem. In een galerij kiest u er meerdere tegelijk. De naam van de fotograaf verschijnt als u erover beweegt.
De beeldbank vraagt een internetverbinding en een betaalde editie van TOWeb. Eenmaal toegevoegd, horen de foto's bij uw site, net als de foto's die u importeert.
Een afbeelding terugvinden
In de Bibliotheek vindt de zoekfunctie een afbeelding op naam of op alternatieve tekst, zonder rekening te houden met hoofdletters en accenten. Afbeeldingen worden gesorteerd van nieuw naar oud of op naam, en het filter Niet gebruikt toont de afbeeldingen die nergens op de site staan. Het zoekveld is klaar zodra het venster opent, en ⌘F (Ctrl+F onder Windows) brengt u er terug. In een galerij blijven al gekozen afbeeldingen gekozen wanneer de zoekopdracht verandert.
Video's en diavoorstellingen
Voeg voor een video een blok Media toe (typ /): de video wordt getoond met zijn bediening, en hetzelfde blok accepteert ook een video van YouTube of Vimeo. Een video kan ook dienen als achtergrond van een sectie: zonder geluid en in een lus, achter de tekst (zie Secties). Op een vertaalde site kan het blok Media per taal een andere video van YouTube of Vimeo tonen: zet Een andere video per taal aan en plak het adres van elke taal.
Wanneer u een video uit de mediabibliotheek kiest, in een blok Media of als achtergrond van een sectie, wordt de Posterafbeelding uit de video zelf gehaald: die ziet de bezoeker zolang de video niet gestart is. Om het precieze moment te kiezen, klikt u op Kiezen uit de video, sleept u de schuifregelaar naar het gewenste beeld en klikt u dan op Dit beeld gebruiken. Een met de hand gekozen posterafbeelding wordt nooit vervangen.
Op een site met een cookiebanner wacht een video van YouTube, Vimeo of Dailymotion op de toestemming van de bezoeker, zoals de wet vereist: in zijn plaats noemt een melding de dienst en biedt Video tonen aan. Een video die in de mediabibliotheek is geïmporteerd, wordt altijd direct afgespeeld, en het voorbeeld in TOWeb toont alles.
Kies een MP4-, WebM- of MOV-video. Een video in een formaat dat browsers niet kunnen afspelen (AVI, WMV…) wordt bij het importeren gemeld: zet hem om naar MP4 (H.264), bijvoorbeeld met het gratis programma HandBrake, of publiceer hem op YouTube of Vimeo.
Het blok Media speelt ook geluid af (MP3, M4A of AAC, bijvoorbeeld een podcast) met een speler.
Voeg voor een diavoorstelling een blok Galerij toe, kies de indeling Carrousel en zet Automatisch afspelen aan als de afbeeldingen vanzelf moeten wisselen. Elke afbeelding van de carrousel kan een Link hebben: een pagina van de site, een adres of een bestand.
Kies daarna het tempo in Afbeelding wisselen elke: 3, 5 of 8 seconden (standaard 5).
Een versie per taal
Op een vertaalde site kan een medium voor elke taal een eigen versie hebben: de pdf-brochure in het Engels, een afbeelding met Duitse tekst… Selecteer het medium in het scherm Media, klik dan onder Versies per taal op Toevoegen naast de taal en kies het bestand, van hetzelfde type als het origineel.
De pagina's in die taal tonen dan die versie overal waar het medium wordt gebruikt: afbeeldingen, galerijen, bestanden om te downloaden, deelafbeelding. De andere talen houden het oorspronkelijke bestand. Publiceer de site opnieuw om de versies online te zetten.
Uw afbeeldingen beschrijven
Geef elke afbeelding een Alternatieve tekst: een korte beschrijving, gelezen door schermlezers en zoekmachines. De site-optimalisatie in het scherm Publiceren meldt afbeeldingen zonder.
TOWeb neemt de bestandsnaam niet over als alternatieve tekst: een geïmporteerde afbeelding heeft er geen, totdat u ze beschrijft.
Opruimen
Selecteer een bestand om de eigenschappen te zien: type, afmetingen, grootte en de pagina’s die het gebruiken. Een mediabestand dat op geen enkele pagina wordt gebruikt, wordt gemeld: u kunt het zonder risico verwijderen. Om er meerdere te verwijderen, selecteert u ze en klikt u op Verwijderen.
Een site licht houden
Een afbeelding van meer dan 500 KB wordt bij het publiceren door de site-optimalisatie gemeld. Lichte afbeeldingen laden sneller en tellen minder mee voor de limiet van 50 MB van de Standard-editie.
Bij het publiceren bereidt TOWeb elke afbeelding voor op het web: het zet haar om naar het WebP-formaat, in verschillende formaten, tot 2.880 pixels breed voor hogeresolutieschermen (Retina). Elke bezoeker krijgt het formaat dat bij zijn scherm past: een telefoon downloadt niet de afbeelding die voor een groot scherm bedoeld is. U hoeft niets in te stellen, en uw originele bestanden blijven onaangeroerd in de mediabibliotheek.