Aanbevolen procedures voor het optimaliseren van de kwaliteit van uw afbeeldingen

Laatst bijgewerkt: 25 maart 2025

Gemaakt voor:

  • Gebruiker
TIP
Bent u nieuw aan Dynamische Media? Voor een snel, overzicht op hoog niveau van Dynamische Media, zie Werk met Dynamische Media.

Het optimaliseren van de beeldkwaliteit kan een tijdrovend proces zijn omdat veel factoren bijdragen tot het renderen van acceptabele resultaten. Het resultaat is deels subjectief omdat individuen de beeldkwaliteit anders waarnemen. Gestructureerde experimenten zijn essentieel.

Adobe Experience Manager bevat meer dan 100 opdrachten voor het leveren van dynamische media-afbeeldingen voor het instellen en optimaliseren van afbeeldingen en het renderen van resultaten. De volgende richtlijnen kunnen u helpen het proces stroomlijnen en goede resultaten snel bereiken gebruikend sommige essentiële bevelen en beste praktijken.

Smart Imaging inschakelen in dynamische media

Slimme beeldvorming:

  • Als u Smart Imaging inschakelt in Dynamic Media, kunt u de indeling, grootte en kwaliteit van afbeeldingen automatisch optimaliseren op basis van de mogelijkheden van de clientbrowser.
    Meer informatie? Ga naar Slimme Beeldvorming.
  • Hierdoor worden de prestaties van de afbeeldingslevering verbeterd doordat deze parameters dynamisch worden aangepast.
  • U kunt Slimme Beeldvorming evalueren gebruikend het zelfevaluatiehulpmiddel Momentopname.

formaten van het Beeld:

  • Vermijd het gebruik van expliciete fmt=webp - of fmt=avif -opdrachten in een URL, tenzij dit specifiek is vereist voor een use-case.
  • Slimme afbeeldingen selecteren automatisch de beste indeling, waardoor de bandbreedte optimaal wordt.

Standaardgedrag:

  • Als er geen indelingsopdracht is opgegeven in de URL en Smart Imaging niet is ingeschakeld, wordt bij de levering van dynamische media-afbeeldingen standaard de JPEG-indeling gebruikt.

Door geïnformeerde keuzes te maken over afbeeldingsindelingen en Smart Imaging in te schakelen, kunt u de prestaties en gebruikerservaring aanzienlijk beïnvloeden.

Aanbevolen procedures voor het selecteren van de bronafbeelding

Essentiële overwegingen bij het werken met bronafbeeldingen:

  • het beeldformaat van Source:

    • Als u bestandsindelingen zonder verlies gebruikt, zoals .png, .TIFF of .PSD, blijft de afbeeldingskwaliteit hoog zonder compressieartefacten.
    • Met deze indelingen blijven alle oorspronkelijke gegevens behouden, waardoor ze ideaal zijn voor bewerking en verdere verwerking.

  • de beeldgrootte van Source:

    • Vanaf een afbeelding met een hoge resolutie biedt deze meer details en flexibiliteit.
    • Wanneer afbeeldingen in verschillende formaten moeten worden weergegeven (bijvoorbeeld op verschillende apparaten of schermresoluties), kunt u beter schalen als u een grotere bronafbeelding hebt.
    • Voor afbeeldingen die zoomen ondersteunen (zoals productfoto's), kunt u de afmetingen ongeveer 2000 pixels of meer meten aan de langste zijde.
    • Logo's of banners die niet hoeven in te zoomen, kunnen worden geüpload in de grootst mogelijke grootte die nodig is voor het beoogde gebruik.

Door deze zorgvuldige keuzes op bronniveau te maken, kunt u aanzienlijk bijdragen aan de algemene kwaliteit van uw visuele inhoud.

Aanbevolen werkwijzen voor afbeeldingsgrootte

Het dynamisch verkleinen van de afbeeldingsgrootte is een van de meest voorkomende taken. Hierbij moet u de grootte opgeven en eventueel opgeven in welke downsamplingmodus de afbeelding moet worden gedownsampled.

  • Voor afbeeldingsgrootten kunt u het beste en het eenvoudigst &wid=<value> en &hei=<value>, of alleen &hei=<value> gebruiken. Met deze parameters wordt de afbeeldingsbreedte automatisch ingesteld op basis van de hoogte-breedteverhouding.
  • &resMode=<value> controleert het algoritme dat voor downsampling wordt gebruikt. Begin met &resMode=sharp2 . Deze waarde biedt de beste afbeeldingskwaliteit. Terwijl het gebruiken van het downsampling value =bilin sneller is, resulteert het vaak in het aliasing van artefacten.

U kunt het beste &wid=<value>&hei=<value>&resMode=sharp2 of &hei=<value>&resMode=sharp2 gebruiken om de afbeeldingsgrootte aan te passen

Aanbevolen procedures voor verscherpen van afbeeldingen

Het verscherpen van afbeeldingen is het meest complexe aspect van het beheren van afbeeldingen op uw website en er worden veel fouten gemaakt. Neem de tijd om meer te weten te komen over hoe verscherpen en onscherp maskeren werken in Experience Manager door naar de volgende nuttige bronnen te verwijzen:

Met Experience Manager kunt u afbeeldingen verscherpen bij inname, bij levering of beide. Meestal is het echter het beste om afbeeldingen te verscherpen met slechts één methode of een andere methode, maar niet met beide. Wanneer u afbeeldingen verscherpt bij levering, op een URL, krijgt u doorgaans de beste resultaten.

Er zijn twee methoden voor het verscherpen van afbeeldingen die u kunt gebruiken:

  • Eenvoudig verscherpen ( &op_sharpen ) - Net als bij het verscherpingsfilter in Photoshop wordt bij eenvoudige verscherping de standaardverscherping toegepast op de uiteindelijke weergave van de afbeelding na dynamisch vergroten of verkleinen. Deze methode kan echter niet door de gebruiker worden geconfigureerd. De beste manier is om het gebruik van &op_sharpen te vermijden, tenzij dit vereist is.

  • Onscherp maskeren ( &op_USM ) - Onscherp maskeren is een industriestandaard filter voor verscherpen. U kunt afbeeldingen het beste verscherpen met onscherp maskeren volgens de onderstaande richtlijnen. Met Onscherp maskeren kunt u de volgende drie parameters instellen:

    • &op_sharpen= bedrag,straal,drempel

      • amount (0-5, sterkte van het effect.)
      • radius (0-250, breedte van de 'verscherpingslijnen' die rond het verscherpte object zijn getekend, zoals gemeten in pixels.)

      Onthoud dat de parameterstraal en de hoeveelheid tegen elkaar werken. Vermindering van de straal kan worden gecompenseerd door het bedrag te verhogen. Met Straal kunt u nauwkeuriger omgaan, aangezien een lagere waarde alleen de randpixels verscherpt, terwijl met een hogere waarde een bredere reeks pixels wordt verscherpt.

      • threshold (0-255, gevoeligheid van effect.)

      Deze parameter bepaalt hoe verschillend de verscherpte pixel van het omringende gebied moeten zijn alvorens zij als randpixel worden beschouwd en de filter scherpt hen. Met de parameter threshold voorkomt u te veel verscherpende gebieden met vergelijkbare kleuren, zoals huidskleuren. Als u bijvoorbeeld een drempelwaarde van 12 instelt, worden kleine variaties in de helderheid van de huidskleur genegeerd om 'ruis' te voorkomen, terwijl randcontrast wordt toegevoegd aan gebieden met hoog contrast, zoals waar de wimpers de huid raken.

      Zie de volgende bronnen voor meer informatie over de manier waarop u deze drie parameters instelt, inclusief aanbevolen procedures voor gebruik met het filter:

Als beste praktijken, begin met de onscherpe parameter van de maskerstraal. De volgende instellingen voor Straal kunt u gebruiken:

  • Website: 0,2-0,3 pixels
  • Photographic printing (250-300 ppi): 0,3-0,5 pixels
  • Offset printing (266-300 ppi): 0,7-1,0 pixels
  • Canvas printing (150 ppi): 1,5-2,0 pixels

Verhoog de waarde geleidelijk van 1,75 naar 4. Als de verscherping nog steeds niet de gewenste manier is, vergroot u de straal met een decimaalteken en voer de hoeveelheid nogmaals uit van 1,75 naar 4. Herhaal deze bewerking zo nodig.

Laat de monochrome parameter-instelling op 0 staan.

Aanbevolen werkwijzen voor JPEF-compressie (&qlt=)

  • Deze parameter bepaalt de coderingskwaliteit van JPG. Een hogere waarde betekent een afbeelding van hogere kwaliteit, maar een groot bestand. Een lagere waarde betekent een afbeelding van lagere kwaliteit, maar een kleiner bestand. Het bereik voor deze parameter is 0-100.

  • Stel de parameterwaarde niet in op 100 om te optimaliseren voor kwaliteit. Het verschil tussen een instelling van 90 of 95 en 100 is bijna onwaarneembaar. En toch wordt met 100 het afbeeldingsbestand onnodig groter. Stel de qlt= value daarom in op 90 of 95 om de kwaliteit te optimaliseren, maar te voorkomen dat afbeeldingsbestanden te groot worden.

  • Als u wilt optimaliseren voor een kleine bestandsgrootte van de afbeelding, maar de afbeeldingskwaliteit op een acceptabel niveau wilt houden, stelt u de waarde qlt= value in op 80. Waarden lager dan 70 tot 75 resulteren in een aanzienlijke verslechtering van de beeldkwaliteit.

  • Als beste manier om in het midden te blijven stelt u de qlt= value in op 85 om in het midden te blijven.

  • De chromamarkering gebruiken in qlt=

    • De parameter qlt= heeft een tweede instelling waarmee u het downsamplen van RGB-kleuren kunt inschakelen met de waarde ,1 of uitschakelen met de waarde ,0 .
    • Om het eenvoudig te houden, begin met RGB het chromaticiteitdownsampling uitgezet (,0). Deze instelling resulteert doorgaans in een betere beeldkwaliteit, vooral bij synthetische afbeeldingen met veel scherpe randen en contrast.

U kunt het beste &qlt=85,0 gebruiken voor JPG-compressie.