Afbeeldingscomponent image-component

Uitsnijden starten

Als u deze optie selecteert, wordt een vervolgkeuzelijst geopend voor vooraf gedefinieerde verhoudingen voor uitsnijden.

• Kies de optie Uitsnijden verwijderen om het oorspronkelijke element weer te geven.

Als een uitsnijdoptie is geselecteerd, gebruikt u de blauwe handgrepen om het uitsnijden op de afbeelding te vergroten of te verkleinen.

Rechtsom roteren

Gebruik deze optie als u de afbeelding 90° rechtsom wilt roteren.

Zoomen herstellen

Als al op de afbeelding is ingezoomd, gebruikt u deze optie om het zoomniveau opnieuw in te stellen.

Zoomregelaar openen

Met deze optie geeft u een schuifregelaar weer om het zoomniveau van de afbeelding te bepalen.

Weergegeven afbeelding overnemen van pagina - Voor deze optie wordt de optie weergegeven afbeelding van de gekoppelde pagina of de weergegeven afbeelding van de huidige pagina als de afbeelding niet is gekoppeld.

Afbeeldingselement - Deze wordt automatisch gevuld als Weergegeven afbeelding overnemen van pagina is geselecteerd. Schakel deze optie uit als u de afbeelding handmatig wilt definiëren door de volgende opties in te stellen.

• Middelen uit het deelvenster middelenbrowser of tik op doorbladeren zodat u kunt uploaden vanaf een lokaal bestandssysteem.

• Tik of klik op Wissen om de selectie van de geselecteerde afbeelding op te heffen.

• Tik of klik op Selecteren om de middelenbrowser zodat u een afbeelding kunt selecteren.

  • Indien Dynamic Media-functies van de volgende generatie zijn ingeschakeld, hebt u meerdere opties voor het kiezen van een element:

    • Lokaal selecteert uit de lokale AEM elementenbibliotheek.
    • Extern selecteert uit een Dynamic Media-bibliotheek buiten uw AEM-instantie.

• Tik of klik op Bewerken tot de uitvoeringen van het actief beheren in de Asset Editor.

Alternatieve tekst voor toegankelijkheid - In dit veld kunt u een beschrijving van de afbeelding definiëren voor visueel gehandicapte gebruikers.

• Alternatieve tekst van pagina overnemen - Bij deze optie wordt de alternatieve beschrijving van de waarde van het gekoppelde element van de optie dc:description metagegevens in DAM of van de huidige pagina als er geen element is gekoppeld.

Geen alternatieve tekst bieden - Hiermee markeert u de afbeelding die moet worden genegeerd door ondersteunende hulpmiddelen, zoals schermlezers, wanneer de afbeelding zuiver decoratief is of anderszins geen aanvullende informatie naar de pagina overbrengt.

Type voorinstelling - Hiermee worden de typen voorinstellingen voor afbeeldingen gedefinieerd die beschikbaar zijn. Voorinstelling afbeelding of Slim uitsnijden en is alleen beschikbaar wanneer Dynamic Media-functies zijn ingeschakeld.

• Voorinstelling afbeelding - Wanneer Type voorinstelling van Voorinstelling afbeelding is geselecteerd, de vervolgkeuzelijst Voorinstelling afbeelding is beschikbaar, zodat u kunt kiezen uit de beschikbare Dynamic Media-voorinstellingen. Dit is alleen beschikbaar als er voorinstellingen zijn gedefinieerd voor het geselecteerde element.
• Slim uitsnijden - Wanneer Type voorinstelling van Slim uitsnijden is geselecteerd, de vervolgkeuzelijst Vertoning is beschikbaar, zodat u kunt kiezen uit de beschikbare uitvoeringen van het geselecteerde element. Dit is alleen beschikbaar als uitvoeringen zijn gedefinieerd voor het geselecteerde element.
• Afbeeldingsmodificatoren - U kunt hier aanvullende opdrachten voor Dynamic Media-beeldserving definiëren door &, ongeacht welke Type voorinstelling is geselecteerd.

Bijschrift - Aanvullende informatie over de afbeelding, die standaard onder de afbeelding wordt weergegeven.

• Bijschrift ophalen van DAM - Bij controle wordt de bijschrifttekst van de afbeelding gevuld met de waarde van de optie dc:title metagegevens in DAM.
• Bijschrift weergeven als pop-up - Als deze optie is ingeschakeld, wordt het bijschrift niet weergegeven onder de afbeelding, maar als een pop-up die door sommige browsers wordt weergegeven wanneer de muisaanwijzer op de afbeelding wordt geplaatst.

Koppeling - Koppel de afbeelding aan een andere bron.

• In het dialoogvenster Selecteren kunt u een koppeling maken naar een andere AEM.
• Als u geen koppeling naar een AEM maakt, voert u de absolute URL in. Niet-absolute URL's worden geïnterpreteerd als relatief ten opzichte van AEM.
• Koppeling openen op nieuw tabblad - Met deze optie opent u de koppeling in een nieuw browservenster.

ID - Met deze optie kunt u de unieke id van de component bepalen in de HTML en in de Gegevenslaag.

• Als deze leeg blijft, wordt automatisch een unieke id voor u gegenereerd. U kunt deze vinden door de resulterende pagina te inspecteren.
• Als een id is opgegeven, is het de verantwoordelijkheid van de auteur om ervoor te zorgen dat deze uniek is.
• Het wijzigen van de id kan gevolgen hebben voor het bijhouden van CSS-, JS- en gegevenslagen.

DM-functies inschakelen - Indien ingeschakeld, Dynamic Media-functies zijn beschikbaar.

• Deze optie wordt alleen weergegeven als Dynamic Media is ingeschakeld in de omgeving.

Geoptimaliseerde webafbeeldingen inschakelen - Indien ingeschakeld, de webgeoptimaliseerde service voor het leveren van afbeeldingen biedt afbeeldingen in de WebP-indeling, waardoor de afbeeldingsgrootte gemiddeld met 25% afneemt.

• Deze optie is alleen beschikbaar in AEMaaCS.
• Als deze optie is uitgeschakeld of als de service voor het leveren van afbeeldingen voor het web niet beschikbaar is, wordt de Adaptieve afbeeldingsserver wordt gebruikt.

Lazy load uitschakelen - Als deze optie is ingeschakeld, worden alle afbeeldingen vooraf geladen zonder dat dit wordt uitgelijnd.

Afbeelding is decoratief - Definieer of de optie Decoratieve afbeelding automatisch wordt ingeschakeld wanneer u de afbeeldingscomponent aan een pagina toevoegt.

Alternatieve tekst ophalen van DAM- Definieer of de optie voor het ophalen van de alternatieve tekst van de DAM automatisch is ingeschakeld wanneer u de afbeeldingscomponent aan een pagina toevoegt.

Bijschrift ophalen van DAM - Bepaal als de optie om de titel van DAM terug te winnen automatisch wordt toegelaten wanneer het toevoegen van de beeldcomponent aan een pagina.

Bijschrift weergeven als pop-up - Definieer of de optie om het bijschrift van de afbeelding als pop-up weer te geven automatisch is ingeschakeld wanneer u de afbeeldingscomponent aan een pagina toevoegt.

Breedte wijzigen - Deze waarde wordt gebruikt voor het vergroten of verkleinen van de breedte van de basisafbeeldingen die DAM-elementen zijn.

• De hoogte-breedteverhouding van de afbeeldingen blijft behouden.
• Als de waarde groter is dan de werkelijke breedte van de afbeelding, heeft deze waarde geen effect.
• Deze waarde heeft geen effect op SVG-afbeeldingen.

Breedten - Definieert een lijst met breedten in pixels voor de afbeelding en de component laadt automatisch de meest geschikte breedte op basis van de browsergrootte.

• Tik of klik op de knop Toevoegen om een andere grootte toe te voegen.

  • Gebruik de handgrepen om de grootte te wijzigen.
  • Gebruik de Verwijderen pictogram om een breedte te verwijderen.

• Het laden van afbeeldingen wordt standaard uitgesteld totdat ze zichtbaar worden.

  • Selecteer de optie Lazy load uitschakelen zodat u de afbeeldingen kunt laden wanneer de pagina wordt geladen.

JPEG-kwaliteit - De kwaliteitsfactor (als percentage van 0 en 100) voor getransformeerde (bijvoorbeeld geschaalde of bijgesneden) JPEG-afbeeldingen.