Hantera Dynamic Media bildförinställningar managing-image-presets
Med bildförinställningar kan AEM Assets dynamiskt leverera bilder i olika storlekar, i olika format eller med andra bildegenskaper som genereras dynamiskt. Varje bildförinställning representerar en fördefinierad samling kommandon för storleksändring och formatering för visning av bilder. När du skapar en bildförinställning väljer du en storlek för bildleverans. Du kan också välja formateringskommandon så att bildens utseende optimeras när bilden levereras för visning.
Administratörer kan skapa förinställningar för att exportera resurser. Användarna kan välja en förinställning när de exporterar bilder, vilket även innebär att bilderna formateras om till de specifikationer som administratören anger.
Du kan också skapa bildförinställningar som är responsiva. Om du använder en responsiv bildförinställning på dina resurser ändras de beroende på vilken enhet eller skärmstorlek de visas på. Du kan konfigurera bildförinställningar så att de använder CMYK i färgmodellen, förutom RGB eller Grå.
I det här avsnittet beskrivs hur du skapar, ändrar och i allmänhet hanterar bildförinställningar. Du kan använda en bildförinställning på en bild när du vill förhandsvisa den. Se Använda bildförinställningar.
Förinställningar för Dynamic Media-bilder understanding-image-presets
Precis som ett programmakro är en bildförinställning en fördefinierad samling kommandon för storleksändring och formatering som sparats under ett namn. Om du vill förstå hur bildförinställningar fungerar antar du att webbplatsen kräver att varje produktbild visas i olika storlekar, olika format och komprimeringsgrader för datorer och mobila enheter.
Du kan skapa två bildförinställningar: en med 500 x 500 pixlar för skrivbordsversionen och 150 x 150 pixlar för den mobila versionen. Du skapar två bildförinställningar, en som kallas Förstora för att visa bilder med 500 x 500 pixlar och en som anropas Miniatyrbild om du vill visa bilder med 150 x 150 pixlar. Om du vill visa bilder med förstoringsgraden och miniatyrstorleken AEM definitionen av förinställningen Förstora bild och miniatyrbildsförinställningen. AEM sedan dynamiskt en bild med samma storlek och formateringsspecifikationer som varje bildförinställning.
Bilder som minskar i storlek när de levereras dynamiskt kan förlora i skärpa och detaljer. Därför innehåller varje bildförinställning formateringskontroller för optimering av en bild när den levereras i en viss storlek. Med dessa kontroller kan du vara säker på att dina bilder är skarpa och tydliga när de levereras till din webbplats eller ditt program.
Administratörer kan skapa bildförinställningar. Om du vill skapa en bildförinställning kan du börja från början eller så kan du börja från en befintlig förinställning och spara den under ett nytt namn.
Hantera Dynamic Media bildförinställningar managing-image-presets-1
Du hanterar dina bildförinställningar i AEM genom att trycka på AEM logotyp för att komma åt den globala navigeringskonsolen och sedan trycka på verktygsikonen och navigera till Assets > Image Presets.
Adobe Illustrator (AI), Postscript (EPS) och PDF adobe-illustrator-ai-postscript-eps-and-pdf-file-formats
Om du tänker ge stöd för att lägga in AI-, EPS- och PDF-filer så att du kan generera dynamiska återgivningar av dessa filformat, bör du granska följande information innan du skapar bildförinställningar.
Adobe Illustrator filformat är en variant av PDF. De största skillnaderna när det gäller AEM Assets är följande:
- Adobe Illustrator-dokument består av en sida med flera lager. Varje lager extraheras som en PNG-underresurs under Illustrator huvudresurs.
- PDF-dokument består av en eller flera sidor. Varje sida extraheras som en enda PDF-underresurs under det huvudsakliga flersidiga PDF-dokumentet.
Delresurserna skapas av Create Sub Asset process
-komponenten inom det övergripande DAM Update Asset
arbetsflöde. Om du vill visa den här processkomponenten i arbetsflödet trycker du på Tools > Workflow > Models > DAM Update Asset > Edit.
Se även Visa sidor i en flersidig fil.
Du kan visa delresurserna eller sidorna när du öppnar resursen, trycka på menyn Innehåll och välja Subassets eller Pages. Undertillgångarna är verkliga tillgångar. PDF sidor extraheras med andra ord av Create Sub Asset
arbetsflödeskomponent. De lagras sedan som page1.pdf
, page2.pdf
och så vidare nedanför huvudtillgången. När de är lagrade DAM Update Asset arbetsflödet behandlar dem.
Om du vill använda Dynamic Media för att förhandsgranska och generera dynamiska renderingar för AI-, EPS- eller PDF-filer måste du utföra följande steg:
-
I DAM Update Asset arbetsflöde, Rasterize PDF/AI Image Preview Rendition processkomponenten rastrerar den första sidan i den ursprungliga resursen med den konfigurerade upplösningen till en
cqdam.preview.png
återgivning. -
The
cqdam.preview.png
återgivningen optimeras sedan till en PTIFF-fil med Dynamic Media Process Image Assets -processens komponent i arbetsflödet.
PDF/AI/EPS-metadataegenskaper för objekt pdf-ai-eps-asset-metadata-properties
Du har åtkomst Rasterize PDF/AI Image Preview Rendition bearbeta komponentalternativ via DAM Update Asset arbetsflöde.
Tryck på Adobe Experience Manager i det övre vänstra hörnet, navigera till Tools > Workflow > Models. På Workflow Models sida, markera DAM Update Asset och sedan trycker du på Edit. På DAM Update Asset workflow sida, dubbeltrycka på Rasterize PDF/AI Image Preview Rendition processkomponent för att öppna dess Step Properties -dialogrutan.
Rastrera återgivningsalternativ för förhandsvisning av PDF/AI-bilder rasterize-pdf-ai-image-preview-rendition-options
Argument för att rastrera arbetsflödet för PDF eller AI
Med standardprocessargumenten rastreras den första sidan i ett PDF/AI-dokument med 72 ppi och den genererade förhandsvisningsbilden med storleken 2 048 x 2 048 pixlar. För en typisk driftsättning kanske du vill öka upplösningen till minst 150 ppi. Ett dokument med US-teckenstorlek på 300 ppi kräver t.ex. en maximal bredd och höjd på 2 550 x 3 300 pixlar.
Max Width och Max Height begränsa den upplösning som rastreringen ska ske med. Om maxvärdena t.ex. är oförändrade och upplösningen är 300 ppi rastreras ett US Letter-dokument med 186 ppi. Dokumentet är alltså 1 581 x 2 046 pixlar.
The Rasterize PDF/AI Image Preview Rendition processkomponenten har en definierad maxgräns för att säkerställa att den inte skapar för stora bilder i minnet. Sådana stora bilder kan flöda över det minne som JVM (Java Virtual Machine) har fått. Man måste se till att JVM får tillräckligt med minne för att hantera det konfigurerade antalet parallella arbetsflöden, där var och en har möjlighet att skapa en bild med den högsta konfigurerade storleken.
InDesign (INDD), filformat indesign-indd-file-format
Om du tänker ge stöd för inmatning av INDD-filer så att du kan generera en dynamisk återgivning av det här filformatet, kanske du vill granska följande information innan du skapar bildförinställningar.
För InDesign-filer extraheras underresurser endast om Adobe InDesign-servern är integrerad med AEM. Refererade resurser länkas baserat på deras metadata. InDesign Server krävs inte för länkning. De refererade resurserna måste dock finnas i AEM innan InDesign-filerna bearbetas för de länkar som ska skapas mellan InDesign-filerna och de refererade resurserna.
Se Integrera AEM Assets med InDesign Server.
Processkomponenten för medieextraheringsprocessen i DAM Update Asset arbetsflödet kör flera förkonfigurerade Extend Scripts för att bearbeta InDesign-filer.
The Extend Script sökvägar i argumenten i Media Extraction processkomponenten i DAM Update Asset arbetsflöde.
Följande skript används av Dynamic Media-integrering:
Konfigurerar bildens miniatyrstorlek configuring-image-thumbnail-size
Du kan konfigurera storleken på miniatyrbilder genom att konfigurera inställningarna i dialogrutan DAM Update Asset arbetsflöde. I arbetsflödet finns två steg där du kan konfigurera miniatyrstorlek för bildresurser. Fast ett (Dynamic Media Process Image Assets) används för dynamiska bildresurser och andra (Process Thumbnails) för att generera statiska miniatyrbilder eller när inga andra processer kan generera miniatyrbilder, båda ska ha samma inställningar.
I steget Dynamic Media Process Image Assets genereras miniatyrbilder av bildservern och den här konfigurationen är oberoende av den konfiguration som används i steget Process Thumbnails. Att skapa miniatyrbilder med steget Process Thumbnails är det långsammaste och mest minneskrävande sättet att skapa miniatyrbilder.
Storleksändring för miniatyrbilder definieras i följande format: widthcentrera, till exempel 80:80:false. Bredden och höjden avgör miniatyrbildens storlek i pixlar. värdet center är antingen false eller true och om värdet är true betyder det att miniatyrbilden har exakt den storlek som anges i konfigurationen. Om den storleksändrade bilden är mindre centreras den i miniatyrbilden.
-
Miniatyrstorlek för EPS-filer konfigureras i EPS thumbnails steg, i Arguments flik under Thumbnails.
-
Miniatyrbildsstorleken för videoklipp konfigureras i steget FFmpeg thumbnails på fliken Process under Arguments.
Konfigurera miniatyrstorlek:
-
Tryck på Tools > Workflow > Models > DAM Update Asset > Edit.
-
Tryck på steget Dynamic Media Process Image Assets och sedan på fliken Thumbnails. Ändra miniatyrstorleken efter behov och tryck sedan på OK.
-
Tryck på steget Process Thumbnails och sedan på fliken Thumbnails. Ändra miniatyrstorlek efter behov och tryck OK.
note note NOTE Värdena i thumbnails-argumentet i steget Process Thumbnails måste matcha thumbnails-argumentet i steget Dynamic Media Process Image Assets. -
Tryck Save för att spara ändringarna i arbetsflödet.
Öka eller minska antalet förinställningar för Dynamic Media-bilder som visas increasing-or-decreasing-the-number-of-image-presets-that-display
De bildförinställningar du skapar är tillgängliga som dynamiska återgivningar när du förhandsgranskar resurser. AEM visar en mängd olika dynamiska återgivningar när du visar resurser från Detail View > Renditions. Du kan öka eller minska gränsen för de återgivningar som visas.
Öka eller minska antalet bildförinställningar som visas i Dynamic Media:
-
Navigera till CRXDE Lite (http://localhost:4502/crx/de).
-
Navigera till noden med bildförinställningar på
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
-
I egenskapen limit ändrar du value, som är inställt på 15 som standard, till önskat tal.
-
Navigera till bildförinställningens datakälla på
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource
-
I egenskapen limit ändrar du talet till önskat tal, till exempel
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
-
Tryck på Save All.
Skapa Dynamic Media-bildförinställningar creating-image-presets
Om du skapar en bildförinställning för Dynamic Media kan du använda dessa inställningar på alla bilder när du förhandsgranskar eller publicerar.
Om du tänker ge stöd för att lägga in AI-, PDF- och EPS-filer så att du kan generera en dynamisk återgivning av dessa filformat, bör du granska följande information innan du skapar bildförinställningar.
Se Adobe Illustrator (AI), Postscript (EPS) och PDF.
Om du tänker ge stöd för inmatning av INDD-filer så att du kan generera en dynamisk återgivning av det här filformatet, kanske du vill granska följande information innan du skapar bildförinställningar. Se InDesign (INDD), filformat.
Skapa en förinställning för Dynamic Media-bilder:
-
I AEM trycker du på AEM logotyp för att komma åt den globala navigeringskonsolen.
-
Tryck på Tools ikonen, navigera sedan till Assets > Image Presets.
-
Tryck på Create.
note note NOTE Om du vill att den här bildförinställningen ska vara responsiv raderar du värdena i fälten width och height och lämnar dem tomma. -
På Edit Image Preset sida anger du värden i Basic och Advanced tabbar, inklusive ett namn. Alternativen beskrivs i Alternativ för bildförinställningar. Förinställningarna visas i den vänstra rutan och kan användas direkt tillsammans med andra resurser.
-
Klicka på Save.
Skapa en förinställning för responsiv bild creating-a-responsive-image-preset
Om du vill skapa en responsiv bildförinställning utför du stegen i Skapa bildförinställningar. När du anger höjd och bredd i Edit Image Preset radera värdena och lämna dem tomma.
Om du lämnar dem tomma visas AEM att den här bildförinställningen är responsiv. Du kan justera de andra värdena efter behov.
Alternativ för bildförinställning image-preset-options
När du skapar eller redigerar bildförinställningar finns alternativen som beskrivs i det här avsnittet. Adobe rekommenderar dessutom följande tre bästa praxis alternativ att starta:
- Format (Basic tab) - Select JPEG eller något annat format som uppfyller dina krav. Alla webbläsare har stöd för JPEG-bildformatet. Det ger en bra balans mellan små filstorlekar och bildkvalitet. I bilder med JPEG-format används dock förstörande komprimering, som kan ge upphov till oönskade bildartefakter om komprimeringsinställningen är för låg. Därför rekommenderar Adobe att du ställer in komprimeringskvaliteten på 75. Den här inställningen ger en bra balans mellan bildkvalitet och liten filstorlek.
- Enable Simple Sharpening - Markera inte Enable Simple Sharpening (det här skärpefiltret ger mindre kontroll än inställningarna för Oskarp mask).
- Sharpening: Resampling Mode – Välj Sharp2.
Alternativ på fliken Grundläggande basic-tab-options
Avancerade flikalternativ advanced-tab-options
Definiera förinställningsalternativ för bilder med bildmodifierare defining-image-preset-options-with-image-modifiers
Förutom alternativen i Basic och Advanced kan du definiera bildmodifierare för att få fler alternativ när du definierar bildförinställningar. Bildåtergivning bygger på Dynamic Media Image Rendering API. API:t definieras i detalj i HTTP-protokollreferens.
Nedan följer några grundläggande exempel på vad du kan göra med bildmodifierare.
-
op_invert - Inverterar varje färgkomponent för en negativ bildeffekt.
code language-xml &op_invert=1
-
op_blur - Använder ett oskärpefilter på bilden.
code language-xml &op_blur=25
-
Kombinerade kommandon - op_blur och op-invert
code language-xml &op_invert=1&op_blur=25
-
op_brightness - Minskar eller ökar intensiteten.
code language-xml &op_brightness=75
-
opac - Justerar bildens opacitet. Du kan minska förgrundens opacitet.
code language-xml opac=50
Redigera bildförinställningar modifying-image-presets
Redigera bildförinställningar:
-
I AEM trycker du på AEM logotyp för att komma åt den globala navigeringskonsolen.
-
Tryck på Tools ikonen, navigera sedan till Assets > Image Presets.
-
Välj en förinställning och tryck sedan på Edit.
-
På Edit Image Presets gör du önskade ändringar och trycker sedan Save.
Publicera förinställningar för Dynamic Media-bilder publishing-image-presets
Om du kör Dynamic Media - hybrid-läge måste du publicera bildförinställningar manuellt.
Om du kör Dynamic Media - Scene7-läge publiceras bildförinställningar automatiskt åt dig; behöver du inte utföra dessa steg.
Publicera bildförinställningar i Dynamic Media - hybrid-läge:
-
I AEM trycker du på AEM logotyp för att komma åt den globala navigeringskonsolen.
-
Tryck på Tools ikonen, navigera sedan till Assets > Image Presets.
-
Välj bildförinställningen eller flera bildförinställningar i listan med bildförinställningar och tryck sedan på Publish.
-
När bildförinställningen har publicerats ändras statusen från opublicerad till publicerad.
Ta bort Dynamic Media-bildförinställningar deleting-image-presets
- I AEM trycker du på AEM logotyp för att komma åt den globala navigeringskonsolen.
- Tryck på Tools ikonen, navigera sedan till Assets > Image Presets.
- Välj en förinställning och tryck sedan på Delete. Dynamic Media bekräftar att du vill ta bort den. Tryck på Delete.