Bästa tillvägagångssätt för att optimera kvaliteten på dina bilder i Dynamic Media best-practices-for-optimizing-the-quality-of-your-images

Att optimera bildkvaliteten kan vara en tidskrävande process eftersom många faktorer bidrar till att återge godtagbara resultat. Resultatet är delvis subjektivt eftersom individer upplever olika bildkvalitet. Strukturerade experiment är avgörande.

Adobe Experience Manager innehåller över 100 Dynamic Media-kommandon för att justera och optimera bilder och återge resultat. Följande riktlinjer kan hjälpa dig att effektivisera processen och uppnå goda resultat snabbt med några viktiga kommandon och bästa metoder.

Bästa tillvägagångssätt för bildformat (&fmt=) best-practices-for-image-format-fmt

  • JPG eller PNG är de bästa alternativen för att leverera bilder med god kvalitet och hanterbar storlek och vikt.
  • Om inget formatkommando anges i URL:en används som standard JPG för leverans.
  • JPG komprimerar 10:1 och ger vanligtvis mindre bildfilsstorlekar. PNG komprimeras med ett förhållande på cirka 2:1, förutom ibland när bilder innehåller en vit bakgrund. Vanligtvis är PNG-filernas storlek större än JPG-filer.
  • JPG använder förstörande komprimering, vilket innebär att bildelement (pixlar) tas bort under komprimeringen. PNG använder däremot förlustfri komprimering.
  • JPG komprimerar ofta fotografiska bilder med bättre återgivning än syntetiska bilder med skarpa kanter och kontrast.
  • Om dina bilder innehåller genomskinlighet bör du använda PNG eftersom JPG inte har stöd för genomskinlighet.

Ett tips för bildformat är att börja med den vanligaste inställningen &fmt=JPG.

Bästa tillvägagångssätt för bildstorlek best-practices-for-image-size

Att minska bildstorleken dynamiskt är en av de vanligaste uppgifterna. Det handlar om att ange storleken och, om så önskas, vilket nedsamplingsläge som används för att nedskala bilden.

  • För bildstorlek är det bästa och enklaste sättet att använda &wid=<value> och &hei=<value>,eller bara &hei=<value>. Dessa parametrar ställer automatiskt in bildbredden i enlighet med proportionerna.
  • &resMode=<value>styr den algoritm som används för nedsampling. Börja med &resMode=sharp2. Det här värdet ger den bästa bildkvaliteten. När nedsampling används value =bilin är snabbare, leder det ofta till aliasing av artefakter.

Ett tips om hur du kan ändra bildstorlek är att använda &wid=<value>&hei=<value>&resMode=sharp2 eller &hei=<value>&resMode=sharp2

Bästa tillvägagångssätt för bildskärpa best-practices-for-image-sharpening

Bildskärpa är den mest komplicerade aspekten när det gäller att styra bilder på webbplatsen och var många misstag görs. Ta dig tid att lära dig mer om hur skärpa och oskarp maskning fungerar i Experience Manager genom att titta på följande resurser:

Rapport om bästa praxis Öka skärpan i bilder i Adobe Dynamic Media Classic som även gäller Experience Manager.

Med Experience Manager kan du öka skärpan i bilder vid intag, vid leverans eller både och. Vanligtvis kan du skärpa upp bilder med bara en metod eller med en annan, men inte med båda metoderna. Att skärpa bilderna vid leverans, på en URL-adress, ger oftast bäst resultat.

Det finns två metoder för bildskärpa:

  • Enkel skärpa ( &op_sharpen) - Precis som det skärpefilter som används i Photoshop, tillämpar enkel skärpa den grundläggande skärpan på den slutliga vyn av bilden efter den dynamiska storleksändringen. Den här metoden kan dock inte konfigureras av användaren. Det bästa sättet är att inte använda &op_sharpen om det inte behövs.

  • Oskarp maskering ( &op_USM) - Oskarp maskning är ett skärpefilter som är branschstandard. Det bästa sättet är att göra bilder skarpare med oskarp maskering enligt riktlinjerna nedan. Med Oskarp maskning kan du styra följande tre parametrar:

    • &op_sharpen=amount,radius,threshold

      • ***belopp ***(0-5, effektens styrka.)
      • ***radie ***(0-250, bredden på de"skärpelinjer" som ritas runt objektet med skärpa, mätt i pixlar.)

      Tänk på att parametrarnas radie och mängd fungerar mot varandra. Reducerad radie kan kompenseras genom ett ökat belopp. Med radie får du bättre kontroll eftersom ett lägre värde ökar skärpan endast för kantpixlarna, medan ett högre värde ökar skärpan för ett större antal pixlar.

      • ***tröskelvärde ***(0-255, effektkänslighet.)

        code language-none
        Den här parametern avgör hur annorlunda de pixlar som ska göras skarpare måste vara jämfört med det omgivande området innan de betraktas som kantpixlar och filtret gör dem skarpare. The **threshold**-parametern hjälper till att undvika att göra områden med liknande färger skarpare, som hudtoner, för mycket. Ett tröskelvärde på 12 ignorerar till exempel små variationer i hudtonens ljusstyrka för att undvika att lägga till ”brus”, men lägger ändå till kantkontrast i områden med hög kontrast, till exempel där ögonfransarna möter huden.
        

        Mer information om hur du ställer in de här tre parametrarna, inklusive de bästa sätten att använda med filtret, finns i följande resurser:

        Hjälpavsnittet Experience Manager om skärpa i en bild.

        Rapport om bästa praxis Öka skärpan i bilder i Adobe Dynamic Media Classic.

      • Med Experience Manager kan du även styra en fjärde parameter: monokrom (0,1). Den här parametern avgör om oskarp maskning används separat på varje färgkomponent med värdet 0 eller på bildens intensitet/intensitet med värdet 1.

Ett tips är att börja med parametern unsharp mask radius. Radie-inställningar som du kan börja med är följande:

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

Öka mängden gradvis från 1,75 till 4. Om skärpan fortfarande inte är som du vill ha den ökar du radien med ett decimalkomma och kör mängden igen från 1,75 till 4. Upprepa vid behov.

Lämna den monokroma parameterinställningen på 0.

Bästa tillvägagångssätt för komprimering av JPEG (&qlt=) best-practices-for-jpeg-compression-qlt

  • Den här parametern styr kodningskvaliteten för JPG. Ett högre värde innebär en bild med högre kvalitet men en stor filstorlek. Ett lägre värde innebär en bild med lägre kvalitet men mindre filstorlek. Intervallet för parametern är 0-100.

  • Om du vill optimera kvaliteten ska du inte ange parametervärdet 100. Skillnaden mellan en inställning på 90 eller 95 och 100 är nästan otydlig, men 100 ökar storleken på bildfilen i onödan. Om du vill optimera kvaliteten men undvika att bildfilerna blir för stora anger du qlt= value till 90 eller 95.

  • Om du vill optimera för en liten bildfilsstorlek men behålla bildkvaliteten på en godtagbar nivå anger du qlt= value till 80. Värden under 70 till 75 ger en signifikant försämring av bildkvaliteten.

  • Det bästa sättet att vara i mitten är att ställa in qlt= value till 85 om du vill stanna i mitten.

  • Använda chroma-flaggan i qlt=

    • The qlt= parametern har en andra inställning som gör att du kan aktivera nedsampling av färgvärden i RGB ,1 eller avaktivera med hjälp av värdet ,0.
    • Börja med att stänga av nedsampling av kromaticitet i RGB (,0). Den här inställningen ger vanligtvis bättre bildkvalitet, särskilt för syntetiska bilder med många skarpa kanter och kontrast.

Ett tips för komprimering med JPG är att använda &qlt=85,0.

Bästa tillvägagångssätt för storleksändring av JPEG (&jpegSize=) best-practices-for-jpeg-sizing-jpegsize

jpegSize är en användbar parameter om du vill försäkra dig om att en bild inte överskrider en viss storlek för leverans till enheter som har begränsat minne.

  • Den här parametern anges i kilobyte (jpegSize=&lt;size_in_kilobytes&gt;). Det definierar den största tillåtna storleken för bildleverans.
  • &jpegSize= interagerar med komprimeringsparametern JPG &qlt=. Om JPG svarar med den angivna komprimeringsparametern JPG (&qlt=) överstiger inte jpegSize-värdet, bilden returneras med &qlt= enligt definition. I annat fall &qlt= minskas gradvis tills bilden får plats i den tillåtna maxstorleken eller tills systemet fastställer att den inte får plats och returnerar ett fel.

Som bästa praxis bör du ange &jpegSize= och lägg till parametern &qlt= om du levererar JPG-bilder till enheter med begränsat minne.

Sammanfattning av bästa praxis best-practices-summary

Det bästa sättet att uppnå en hög bildkvalitet och liten filstorlek är att börja med följande kombination av parametrar:

fmt=jpg&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0

Den här kombinationen av inställningar ger utmärkta resultat under de flesta omständigheter.

Om bilden behöver optimeras ytterligare finjusterar du stegvis skärpeparametrarna (oskarp maskning) genom att börja med radien 0,2 eller 0,3. Därefter ökar du mängden gradvis från 1,75 till maximalt 4 (vilket motsvarar 400 % i Photoshop). Kontrollera att resultatet är det önskade.

Om skärpeeffekten fortfarande inte är tillräcklig ökar du radien i decimalsteg. För varje decimalsteg startar du om beloppet vid 1,75 och ökar det gradvis till 4. Upprepa den här processen tills du uppnår önskat resultat. Värdena ovan är en metod som de kreativa studierna har validerat, men kom ihåg att du kan börja med andra värden och följa andra strategier. Oavsett om resultaten är tillfredsställande för dig eller inte är en subjektiv fråga, så är strukturerade experiment avgörande.

När du experimenterar kan följande allmänna förslag vara användbara för att ytterligare optimera ditt arbetsflöde:

  • Testa olika parametrar i realtid direkt på en URL.
  • Det är en god vana att gruppera Dynamic Media Image Serving-kommandon i en bildförinställning. En bildförinställning är i princip URL-kommandomakron med egna förinställningsnamn, som $thumb_low$ och &product_high$. Det anpassade förinställningsnamnet i en URL-sökväg anropar de här förinställningarna. Den här funktionen hjälper dig att hantera kommandon och kvalitetsinställningar för olika användningsmönster för bilder på webbplatsen och förkortar den totala längden på URL-adresser.
  • Experience Manager har också mer avancerade sätt att finjustera bildkvaliteten, t.ex. genom att använda skärpebilder vid intag. För avancerade användningsområden där det finns alternativ för att justera och optimera återgivningsresultaten, Adobe Professional Services kan hjälpa er med skräddarsydda insikter och bästa praxis.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2