Afbeeldingen toevoegen en bewerken

Wanneer je een thema voor je website selecteert, bevat dit al afbeeldingen. Maar wij begrijpen dat je mogelijk over eigen afbeeldingen beschikt die je op je website wilt plaatsen. Daarom stelt Website Builder v7 je in staat om je eigen afbeeldingen toe te voegen en te bewerken. Als je koppelingen aan afbeeldingen wilt toevoegen, raadpleeg je Koppelingen naar tekst of afbeeldingen maken

Afbeeldingen moeten JPG, JPEG, GIF of PNG-bestanden zijn. Voor het uploaden van afbeeldingen geldt een beperking van 30 MB per bestand. Hoewel er afbeeldingen tot 5000 x 5000 pixels kunnen worden geüpload, worden afbeeldingen niet groter weergegeven dan 1920 x 1080 pixels.

Afbeeldingen toevoegen

  1. Meld je aan bij je Website Builder-account.
  2. Klik op Site bewerken.
  3. Klik in de linkerwerkbalk op het hulpmiddel Afbeelding en sleep dit naar de locatie op de pagina waarop je de afbeelding wilt weergeven.
    Klik op het hulpmiddel Afbeelding en sleep dit op de pagina
  4. Selecteer in het venster Foto's kiezen een van de volgende opties:
    Een fotobron kiezen
    • Mijn foto's — Klik op een van de afbeeldingen in het raster of klik op Bladeren om een afbeelding te selecteren die je vanaf je eigen computer wilt uploaden en klik vervolgens op Openen.
    • Themafoto's — Klik om een van de afbeeldingen te selecteren die behoort tot het Webbouwer v7-thema dat al op je site is geïnstalleerd.
    • Gratis afbeeldingen — Als je afbeeldingen uit de bibliotheek wilt selecteren, voer je een zoekterm in. Zo kun je naar specifieke afbeeldingen zoeken, of je selecteert een categorie in het menu Alle categorieën.
    • Facebook — Als je afbeeldingen rechtstreeks vanuit je Facebook®-account wilt importeren, klik je op Koppelen aan Facebook. Meld je daarna aan bij je Facebook-account en klik vervolgens op Aanmelden met Facebook.

      Als je later de koppeling met Facebook wilt verbreken, ga je naar je Facebook-accountinstellingen. Klik daarna op Apps en klik vervolgens op X naast Website Builder.

    • Instagram Als je afbeeldingen rechtstreeks wilt importeren vanuit je Instagram®-account, klik je op Verbinden met Instagram. Meld je daarna aan bij je Instagram-account en klik op Aanmelden met Instagram.
  5. Klik, nadat je de gewenste afbeelding hebt geselecteerd, op Invoegen.
  6. Als je de positie van de afbeelding wilt wijzigen, klik je op de afbeelding en sleep je deze op de pagina.
  7. Als je de grootte wilt wijzigen, klik je op een van de blauwe vierkanten langs de afbeeldingsrand en sleep je dit. De verhoudingen van de afbeelding worden gehandhaafd.
    Klik op een blauw vierkant en sleep dit om de afbeeldingsgrootte te wijzigen
  8. Zie Afbeeldingen bewerken met Webbouwer v7 hierna als je de afbeelding op andere manieren wilt aanpassen. Klik anders op OK.
  9. Wanneer je de gewenste wijzigingen hebt aangebracht, klik je op Publiceren om je site online bij te werken.

OPMERKING: Je kunt tekstvakken gebruiken om je afbeeldingen van labels te voorzien. Gebruik slepen en neerzetten om een tekstblok naast (of zelfs op) een afbeelding te plaatsen (meer informatie). Je kunt de tekst vervolgens op elk gewenst moment bewerken of verplaatsen. (De Webbouwer-abonnementen Zakelijk en Zakelijk Plus stellen je ook in staat om tekst rechtstreeks aan een afbeelding toe te voegen met de geavanceerde editor. Deze tekst kan echter niet worden gewijzigd of worden verwijderd nadat je de wijzigingen hebt opgeslagen.)

Afbeeldingen bewerken

  1. Meld je aan bij je Website Builder-account.
  2. Klik op Site bewerken.
  3. Dubbelklik op de afbeelding om de hulpmiddelen voor zoomen en bijsnijden weer te geven.
  4. Sleep de schuifregelaar Zoomen om slechts een gedeelte van de afbeelding weer te geven, zonder dat de algehele verhoudingen worden gewijzigd.
    Sleep de schuifregelaar Zoomen

    Als je de foto opnieuw op het beginformaat wilt weergeven, sleep je de schuifregelaar volledig naar links. Als je op de knop ernaast klikt, wordt de afbeelding opnieuw ingesteld op de oorspronkelijke afmetingen van het bestand, die meestal groter zijn dan het kader dat je met het hulpmiddel Afbeelding hebt gemaakt.
    Als je wilt uitzoomen, gebruik je de schuifregelaar Zoomen in plaats van de knop Opnieuw instellen die ernaast wordt weergegeven.

  5. Als je de afbeelding wilt bijsnijden (onafhankelijk van de oorspronkelijke verhoudingen), klik je op een hoek en sleep je deze. (Als je de oorspronkelijke verhoudingen wilt behouden, druk je op de toets Shift, terwijl je een hoek sleept.)
    Als je de afbeelding wilt bijsnijden klik je op hoekframes en sleep je deze.
  6. Als je de positie van de afbeelding binnen het kader voor bijsnijden of zoomen wilt verplaatsen, klik je en sleep je de afbeelding.

    Het is niet mogelijk om en afbeelding te draaien in Webbouwer. Doe dit in je standaardeditor voor afbeeldingen voordat je de afbeelding uploadt.

  7. Klik op OK wanneer het zoomen of bijsnijden is voltooid.
  8. Als je andere wijzigingen in de afbeelding wilt aanbrengen, klik je op de afbeelding en klik je op de gewenste afbeeldingsknop in de afbeeldingswerkbalk:
    Klik op een afbeelding om de werkbalk voor afbeeldingen weer te geven.
    De werkbalk Afbeeldingseditor
    Toets Naam Actie
    De knop Afbeelding vervangen Afbeelding vervangen Hiermee open je het venster Foto's kiezen, zoals hiervoor is beschreven in Afbeeldingen toevoegen met Website Builder v7).
    De knop Afbeelding bijsnijden Afbeelding bijsnijden Afbeelding bijsnijden, zoals is beschreven bij stap 5 hiervoor.
    De knop Afbeeldingseditor Afbeeldingseditor Hiermee open je de geavanceerde afbeeldingseditor. Deze is alleen beschikbaar wanneer je een Zakelijk of Zakelijk Plus Webbouwer-abonnement hebt. Hiermee kun je effecten toevoegen, zoals een achtergrondkleur, een rand, afgeronde hoeken, transparantie en een marge.
    De knop Afbeelding dupliceren Een kopie maken Hiermee maak je een kopie van de afbeelding en plaats je die zo op de pagina dat deze de oorspronkelijke afbeelding overlapt.
    De knop Instellingen Instellingen Hiermee open je het venster Instellingen waarin je het tabblad Afbeeldingsinstellingen kunt gebruiken om afbeeldingen aan pagina's te koppelen of om verschillende randstijlen toe te passen. Je kunt daarnaast via het tabblad Geavanceerd van dit venster de Geavanceerde afbeeldingseditor openen, zoals hiervoor is beschreven.
    De knop Afbeelding verwijderen Verwijderen Hiermee verwijder je de afbeelding
    Meer keuzeknoppen Meer Hiermee geef je een menu weer. Via dit menu kun je de lagen van de afbeelding beheren, de positie van de afbeelding vergrendelen, instellen dat je de afbeelding wilt weergeven op alle sitepagina's, instellen dat je de afbeelding wilt verbergen op je mobiele site en het tabblad Geavanceerd van het venster Instellingen openen.
  9. Klik op Publiceren om je site online bij te werken.

Volgende stap


Was dit artikel nuttig?
Bedankt voor je feedback
Fijn dat we konden helpen! Kunnen we nog iets voor je doen?
Dat spijt ons. Hoe kunnen we je beter helpen?