Dynamic Media Journey: The Basics, Part I dm-journey-part1
-
Bent u nieuw aan Dynamische Media? Voor een snel, overzicht op hoog niveau van Dynamische Media, zie Werk met Dynamische Media .
-
Volg Dynamische Beste praktijken van Media om de meeste waarde te krijgen.
-
Probeer uit Dynamische het beeldmogelijkheden van Media met het hulpmiddel van de Momentopname .
-
Verzeker vlotte videoplayback met adaptieve video .
-
Automatiseer het bebouwen van beelden met het Slimme Gewas .
-
Automatiseer het bebouwen van video's met het Slimme Gewas .
-
Lever een interactieve 3D-Aangedreven ervaring .
Welkom bij de Dynamic Media Journey.
Deze reis behandelt de grondbeginselen van Dynamische Media, hoe het werkt, wat het voor u kan doen, en welke waarde het aan uw werk en uw klanten brengt.
Eerste vereisten
- Basiskennis van afbeeldingen en video-indelingen
- Basiskennis van HTML en CSS
- Basiskennis van ontwerpgereedschappen zoals Adobe Illustrator, Adobe Photoshop, Adobe XD
- Toegang tot dynamische media op Experience Manager is handig, maar niet vereist
wat u kunt verwachten te leren
Deel I
- Wat is Dynamic Media en hoe kan het u helpen?
- Gebruik hoofdletters/kleine letters voor dynamische media
- Hoe een element door het Dynamische systeem van Media stroomt
Deel II
- Anatomie van een URL voor dynamische media en hoe Dynamic Media inhoud levert
- Basisprincipes van het maken van voorinstellingen voor afbeeldingen om elementen te renderen
- Afbeeldingssets, centrifuges en gemengde mediasets
Publiek
De doelgroep die het beste past bij de lezers van deze reis zijn de volgende die nieuw zijn voor Dynamic Media op Experience Manager:
- Beheerder
- Zakelijke analist
- Content Architect
- Inhoudsauteur
- Designer
- Developer
- Marketing
- Productmanager/eigenaar
Wat is Dynamic Media en hoe kan het u helpen? dm-journey-a
Met Dynamic Media kunt u op aanvraag rijke visuele merchandising- en marketingmiddelen leveren. Het helpt u ook om interactieve het bekijken ervaringen, met inbegrip van gezoem, 360 graadspin, en video tot stand te brengen en te dienen. Uw elementen worden dynamisch geschaald voor gebruik op internet-, mobiele en sociale sites. Het gebruiken van een reeks primaire bronactiva - zoals beelden, video, en 3D - Dynamische Media produceert en levert veelvoudige variaties van deze rijke inhoud, in echt - tijd door zijn globale, scalable, prestaties-geoptimaliseerde CDN (het Netwerk van de Levering van de Inhoud).
Dynamic Media omvat de workflows van de Adobe Experience Manager Assets-oplossing voor het beheer van digitale middelen om het beheerproces voor digitale campagnes te vereenvoudigen en te stroomlijnen.
Eén bestand met eindeloze mogelijkheden
Één van de belangrijkste punten om over Dynamische Media te begrijpen is het concept Één primair activadossier met eindeloze mogelijkheden.
Om dit concept beter te begrijpen, denk over de manier u traditioneel met één enkel middel, zoals een beeld of een video werkt. Meestal maakt u één primair middel. Vervolgens maakt u handmatig versies van hetzelfde element voor elke ervaring, elk apparaat dat nodig is, elke webpagina en elke eigenschap waar het wordt gebruikt. Met tijd, kan dat enige middel tot 20, 30, of meer versies groeien, zonder versiegeschiedenis in bijlage aan hen. Stel je voor dat je dat doet voor elk beeld of elke video die je hebt. Het aantal versies van middelen zou snel overweldigend worden om te onderhouden en bij te werken, om nog maar te zwijgen van de stijging van opslagkosten.
De dynamische Media, echter, is fundamenteel verschillend van andere systemen omdat u het gebruikt om uw media __ van enige, primaire activa, en van vraag te leveren URL. De dynamische media-URL-paden die u aanvraagt, bevatten instructies die de Adobe-publicatieserver vertellen hoe het element moet worden weergegeven wanneer het op het scherm van de klant wordt weergegeven. Als u bijvoorbeeld hetzelfde primaire element gebruikt, kunt u het onmiddellijk in onbeperkte uitvoeringen laten leveren, waarbij de grootte, indeling, resolutie, gewicht, kleur, uitsnijden en effecten zoals een zoomweergave worden gewijzigd.
Deze unieke leveringsmethode zorgt ervoor dat de verenigbare kwaliteitservaringen naar om het even welk scherm, ongeacht grootte of bandbreedte worden verzonden. Volledige video's zijn ook geoptimaliseerd voor alle schermtypen en worden adaptief gestreamd om een consistente gebruikerservaring van hoge kwaliteit te garanderen.
Dynamische Media van Adobe verzekert verenigbare, kwaliteitservaringen worden geleverd aan om het even welk scherm, ongeacht grootte of bandbreedte.
Terwijl u doorleest, gaat u meer leren over waarom dit concept van "één primair elementenbestand, eindeloze mogelijkheden" belangrijk is.
Het netwerk voor de levering van inhoud
Wanneer u klaar bent om met een beeldactiva of een videoactiva te gaan, wordt het gesteund door de backbone van Dynamische Media die uit een krachtig, top-tier leveringsnetwerk bestaat. Het netwerk dient elke dag honderden klanten over de hele wereld. De middelen worden verdeeld op het Netwerk van de Levering van de Inhoud - of CDN - dat door Akamai wordt ontvangen. CDN is een systeem van computerdiensten die samen samenwerken om inhoud, vooral grote rijke media inhoud, aan eind te leveren.
In het CDN-systeem wordt webinhoud opgeslagen in webcaches via internet. Vervolgens wordt het bestand vanuit de webcache aan de eindgebruikers geleverd, zodat het sneller kan worden geleverd. Dus de eerste keer dat iemand een webpagina downloadt, worden de elementen die ze zien geleverd aan een CDN-cache. Ze worden opgeslagen op de server, zodat dezelfde inhoud sneller wordt geleverd wanneer iemand in hetzelfde gebied de webpagina weer opent. De inhoud wordt sneller geleverd, omdat deze zich dichter bij de gebruiker bevindt. Een CDN maakt voor snellere Web-pagina vertoningen, en toch vermindert het bandbreedteeisen op de centrale server omdat de inhoud van een geheim voorgeheugennetwerk, niet van een centrale server in elke instantie wordt geleverd. Deze geoptimaliseerde stroom betekent een betere gebruikerservaring, die tot verhoogde verkoop leidt.
Historisch, levert CDN 3.5 petabytes van verkeer aan klanten elke maand. Het systeem kan 52 miljard activa in één enkele dag leveren. Dat aantal vergelijkt aan 864.000 beelden en video's met succes geleverd aan klanten, elke seconde.
Slimme afbeeldingen
Dynamic Media optimaliseert al heel goed elementen en zorgt ervoor dat elk element via de CDN snel op mobiele en desktopsystemen wordt geladen. Hiertoe worden voorinstellingen voor afbeeldingen gebruikt in Dynamische media om de kwaliteit van de afbeelding te definiëren. Ze definiëren ook het type afbeelding dat u verzendt, de scherpte en andere delen voor verschillende delen van uw ervaringen of pagina's.
Maar om waarde aan Dynamische Media verder toe te voegen voorbij beeld stelt vooraf in, is er Slimme Beeldvorming.
Smart Imaging biedt nog betere prestaties bij het leveren van afbeeldingselementen door de indeling en bestandsgrootte van een afbeelding automatisch te optimaliseren op basis van de browsermogelijkheden van de klant. Het werkt met uw bestaande voorinstellingen voor afbeeldingen (voorinstellingen voor afbeeldingen worden besproken in deel II van deze reis) en gebruikt intelligentie bij levering.
Deze intelligentie vermindert verder de grootte van het beelddossier die op browser en de snelheid van de netwerkverbinding wordt gebaseerd. Omdat imageelementen het grootste deel van de laadtijd van een pagina uitmaken, kan de prestatieverbetering een grondige invloed hebben op belangrijke bedrijfsindicatoren, zoals:
- Hogere conversie
- Tijd doorgebracht op de locatie
- Lagere stuitsnelheid van site
Over het algemeen kunt u met intelligente beeldverwerking een prestatieverbetering van 22 tot 47% verwachten, afhankelijk van uw bestaande voorinstellingen voor afbeeldingen en specifieke kenmerken van de eindgebruiker. De beeldkwaliteit blijft behouden alsof deze nooit wordt beïnvloed.
het Slimme Beeld optimaliseert automatisch het formaat en de dossiergrootte van een beeld die op browser van een klant vermogen en netwerksnelheid wordt gebaseerd.
Smart imaging is niet standaard ingeschakeld, omdat hiervoor een gecoördineerde inspanning van u en de technische ondersteuning van Adobe Dynamic Media vereist is. Voor het inschakelen van Smart Imaging moet de CDN-cache volledig worden gewist. Deze cache wordt vervolgens opnieuw gevuld met tijd. Als u Smart Imaging wilt gebruiken, kunt u met Adobe samenwerken om het aan te zetten door een technisch ondersteuningsticket te verzenden. Technische ondersteuning geeft u vervolgens een URL-parameter waarmee u vooraf slimme beeldverwerking kunt uitproberen. U kunt de presentatie uitproberen op elk van uw webpagina's of afbeeldingen, zodat u de prestaties en besparingen kunt zien. U kunt SmartImage vervolgens inschakelen voor uw volledige site.
Adaptieve videosets
Wanneer er een video op een pagina, of een hoofdpagina is, neigen uw klanten om met die inhoud langer in dienst te nemen en langer op de pagina te blijven, wat typisch een goed ding is. Dit gedrag wordt getoond door analyses die Adobe heeft uitgevoerd. Video kan echter complex zijn. Om te beginnen hebt u vaak een groot primair bestand. Het is ingewikkeld om te bepalen hoe te en video te leveren, allen om ervoor te zorgen dat de ervaring regelmatig loopt ongeacht het apparaat het wordt bekeken, en ongeacht bandbreedte.
Om deze kwestie op te lossen, geeft de Dynamische Media u de capaciteit om Aangepaste VideoReeksen tot stand te brengen.
Met een adaptieve videoset worden versies van dezelfde video gegroepeerd die met verschillende bitsnelheden en indelingen zijn gecodeerd.
U begint met uw originele, primaire video, die u in het systeem uploadt. De dynamische Media grootte automatisch, of transcodeert, die video in veelvoudige video's. Op het moment van levering bepaalt het op intelligente wijze welk videoscherm, welke kwaliteit en welke indeling moet worden gebruikt en levert het aan de telefoon, tablet of desktopcomputer.
Op een mobiel iOS-apparaat wordt bijvoorbeeld een bandbreedte zoals 4G, 5G of Wi-Fi gedetecteerd. Vervolgens wordt automatisch de naar rechts gecodeerde video geselecteerd bij de verschillende bitsnelheden van de video in de adaptieve videoset. De video wordt gestreamd naar mobiele apparaten, tablets of desktopcomputers.
Bovendien wordt de videokwaliteit dynamisch geschakeld automatisch als de netwerkvoorwaarden veranderen. En als een klant in de modus Volledig scherm op een desktopcomputer komt, reageert de Adaptive Video Set met een betere resolutie, waardoor de kijkervaring van de klant wordt verbeterd.
Het gebruik van Adaptieve videosets zorgt voor een vloeiende, hoogwaardige weergave voor klanten die Dynamic Media-video afspelen op meerdere schermen en apparaten. Het neemt de complexiteit van video echt weg.
Gebruik hoofdletters/kleine letters voor dynamische media dm-journey-b
Hieronder vindt u een aantal veelvoorkomende gebruiksproblemen en oplossingen waarmee Dynamic Media u kan helpen een positieve betrokkenheid van klanten, loyaliteit, conversie en verhoogd rendement te realiseren.
Hoofdlettergebruik: benadering primaire bestanden
Een van de belangrijkste gebruiksgevallen voor Dynamic Media is ook een van de meest voor de hand liggende. Dat wil zeggen, het gewicht van pagina's en ervaringen verminderen en de grootte van de inhoud verminderen, of het nu gaat om een afbeelding of een video die wordt geleverd.
Hieronder ziet u een typische ervaring of webpagina. Ongeveer 90% van een pagina bestaat uit rijke media, zoals beelden en video's, die algemeen veel zwaardere dossiers zijn.
de paginagewicht van de Inhoud van een typische Web-pagina.
De resterende 10% is HTML, CSS-code en specifieke tags. U wilt de 90%-dikte van die pagina optimaliseren en Dynamic Media helpt daarbij. Eerder, las u over het concept één primair activadossier met eindeloze mogelijkheden. Deze aanpak is belangrijk voor het verminderen van het totale paginagewicht. De mogelijkheid om één primair middel te gebruiken op een pagina met productdetails, een miniatuurpagina, uw winkelwagentje en uw zoekraster, is een goede tijdbesparende functie. En het zorgt ook voor consistentie tussen ervaringen.
de horloge is één primair activadossier, maar met veelvoudige vertoningen van het - niet exemplaren - gecreeerd op de vlucht.
Laten we nader kijken naar de problemen die Dynamic Media oplost met het ene bestand en enkele oplossingen voor die aanpak.
Wanneer u aan één dossier denkt, creeert u activa voor elke soort ervaring. U hebt misschien één beginafbeelding, en dan moet u 20, 30 of 40 variaties van die afbeelding maken, die u uiteindelijk moet opslaan en betalen voor die opslag.
Dan moet u ervoor zorgen dat het juiste beeld wordt gebruikt en dat uw vermogen om consistentie over uw merken te hebben kan beïnvloeden. En als u een afbeelding niet kunt vinden, moet u teruggaan en deze elementen dupliceren.
Met Dynamische media kunt u variaties van afbeeldingen maken, direct, vanaf de eerste afbeelding. Met dit programma kunt u creatief zijn met dat primaire materiaal en hoeft u niet met uw grafisch ontwerper of fotostudio om aanvullende inhoud te maken heen en weer te gaan. En dat is geld en tijd bespaard.
Bij de aanpak van één bestand gebruikt u één primair bestand. Maak vervolgens die versies of uitvoeringen die op uw sites vereist zijn, en eigenschappen en ervaringen, alleen op het moment dat ze door een klant worden geleverd of gezien. Deze efficiëntie kan de hoeveelheid opslagruimte die nodig is voor uw middelen aanzienlijk verminderen en de complexiteit van uw workflow in het algemeen verminderen. En met Dynamic Media's leveringssysteem garandeert het dat elk beeld en elke video geoptimaliseerd is, snel wordt geladen en er op alle schermen en apparaten geweldig uitziet.
Hoofdlettergebruik: Video
Een ander gebruikscase waarvoor Dynamic Media oplost, is video. Video is complex. Het is moeilijk te beheren. Videobestanden zijn lastig op te slaan en te verplaatsen vanwege hun inherente bestandsgrootte.
Klanten komen naar Dynamic Media met de volgende problemen die ze hopen op te lossen:
"Mijn zaken heeft de video, en de afdeling besteedde een groot bedrag aan het creëren van het, maar verscheept van het plaatsen van het op pagina's, of het leveren van het. De reden was dat de kwaliteit van de video niet gegarandeerd kon worden door het testen, of zelfs niet als het echt zou spelen. En uiteindelijk, beïnvloedt dat het merk van de zaken en potentieel zijn rol aan omzetting."
De oplossing van dynamische Media is dat één primair videodossier, en laat Dynamische Media alle grootte door zijn transcoderingsproces maken. Dan, paar dat met Dynamische Media's intelligente videospeler. Deze workflow garandeert dat de video die u gebruikt op de hoofdbestemmingspagina of op een categorie- of productdetailpagina, overal consistent zal zijn en van hoge kwaliteit zal worden geleverd.
Hier zijn verscheidene meer te overwegen gebruiksgevallen.
Gebruik van hoofdletters en kleine letters: Eén bron van waarheid
Hoofdlettergebruik: slim uitsnijden met AI-voeding voor rich media
Hoofdlettergebruik: interactieve media ontwerpen
Hoe een element door het Dynamische systeem van Media stroomt dm-journey-c
Hieronder ziet u een standaardworkflow voor Dynamische media.
hoe een activa door het Dynamische systeem van Media stroomt.
U begint met de creatiefase met het belangrijkste doel om uw primaire activa aan het eind te hebben. Deze primaire elementen kunnen afkomstig zijn van fotofragmenten, van videobereizers of van audiobestanden die u hebt gemaakt. U kunt Adobe Creative Suite-toepassingen zoals Adobe InDesign, Adobe Photoshop en Adobe Illustrator gebruiken om u te helpen de inhoud uit te werken.
Wanneer het creatieve deel wordt gebeëindigd, zet u de activa in de Authoring oplossing door de activa in Dynamische Media te uploaden. In Dynamische media zorgt u ervoor dat u de juiste voorinstellingen en viewers voor afbeeldingen op uw verschillende webpagina's op uw site hebt geplaatst.
En uiteindelijk optimaliseert u al die inhoud en publiceert u deze naar Dynamic Media-servers, zodat deze beschikbaar is voor web, drukwerk, e-mail, desktops en mobiele apparaten.
Elementen uploaden naar dynamische media
Wanneer u klaar bent met het maken van een primair element, uploadt u dit naar Dynamic Media. Het type bestand dat u uploadt en de indeling en grootte van het bestand zijn belangrijke kenmerken voor Dynamic Media. Het is op het moment van het uploaden dat u ervoor wilt zorgen dat de maximale waarde wordt gehaald uit de ondersteuning van één bestand.
De onderstaande afbeelding is bijvoorbeeld 4560 x 3020 pixels. En hoewel u misschien nooit een afbeelding van die grootte gebruikt, kunt u deze nog uploaden. Hoe groter de afbeelding, hoe beter de kwaliteit die Dynamic Media kan leveren, zelfs tot een miniatuuruitvoering. Herinner me: u kunt gemakkelijk verminderen de resolutie van een bestaand beeld. Maar als u probeert __ de resolutie van een beeld te verhogen, zal het resultaat waarschijnlijk onbevredigend zijn.
Overwegingen voor activa uploadt.
Adobe raadt u aan elementen zonder verlies te uploaden. Over het algemeen is het beter om JPEG te vermijden, omdat wanneer u JPEG levert of wanneer u JPEG blijft opslaan, de afbeeldingskwaliteit na verloop van tijd begint te verliezen. U wilt beginnen met afbeeldingen met de hoogste resolutie in een indeling zonder verlies waarmee u kunt leven. Deze indeling is doorgaans een TIFF- of PNG-bestand.
Wanneer u nadenkt over een digitaal kanaal of een webweergave, denkt u doorgaans aan RGB (rood, groen, blauw).
De meesten zouden nooit nadenken over het leveren van iets in CMYK of waarom u misschien zelfs in CMYK wilt leveren. De reden hiervoor is dat de kleurruimte het meest wordt gebruikt voor het afleveren van afgedrukte items. Dynamische media kunnen echter in beide kleurruimten worden gebruikt.
Er zijn veel klanten die nog steeds drukken, zoals pakhuis-groothandelsclubs. Er zijn supermarkten die vaak vliegers wekelijks afdrukken. Dergelijke klanten vereisen dat hun beelden in beide kleurenruimten zijn. Dit vereist meestal twee verschillende afbeeldingen: een in RGB en een in CMYK. U kunt CMYK-elementen echter rechtstreeks uploaden naar Dynamic Media en via Dynamische media via een voorinstelling voor afbeeldingen of via een kleurprofiel automatisch RGB-elementen leveren. Er is geen behoefte om veelvoudige versies van een dossier tot stand te brengen, waarbij het concept één primair activadossier met eindeloze mogelijkheden wordt gehandhaafd.
Elementen publiceren en voorvertonen
Nadat u activa in Dynamische Media uploadt, is het een goede praktijk om __ hen te publiceren door de activa te selecteren, en dan Publish of Quick Publish in Dynamische Media te klikken. U moet elementen publiceren als u ze in een ervaring wilt gebruiken. Nadat elementen zijn gepubliceerd, kunt u deze opnemen in een webpagina met behulp van een door dynamische media gegenereerde URL die u kopieert, of door code in te sluiten op de pagina.
Naast het handmatig publiceren van elementen, kunt u Dynamic Media zodanig configureren dat u direct elementen publiceert - zonder tussenkomst van de gebruiker - op het moment van het uploaden.
Na het uploaden zijn er verschillende manieren om een voorvertoning van de uitvoeringen van een element weer te geven in Dynamic Media. Voorvertoning van uitvoeringen kan u helpen een idee te krijgen van wat een klant ziet. Een gemeenschappelijke voorproefmethode moet een activa selecteren en dan zijn Vertoningen bekijken door een vooraf ingesteld beeld zoals gezien in het volgende te selecteren.
previewing een vertoning van een activa die op geselecteerde "Grote"beeldvooraf ingesteld wordt gebaseerd. Er is op de URL-knop geklikt. Het resulterende URL-pad bevat de naam voor de voorinstelling "Groot" en kan worden gebruikt in een webpagina.
Bovenstaande URL is live! probeer het .
Een andere methode aan voorproef een activa is de beeldactiva te selecteren en dan a vooraf ingestelde Kijkers te selecteren zoals die in het volgende wordt gezien.
previewing activa die op geselecteerde "ZoomVertical_light"kijker wordt gebaseerd vooraf ingesteld. De muisaanwijzer (+) is over het horloge verplaatst om in te zoomen. Merk op URL en bed knopen in.
De bovenstaande vertoning is live! probeer het .
Optioneel - Meer informatie
Deel I van deze reis ging over de grondbeginselen van diverse Dynamic Media-onderwerpen. Als u meer wilt weten over wat u leest, gebruikt u de onderstaande materialen om concepten in detail te verkennen. Anders kunt u doorgaan met deel II van uw reis. Zie wat volgende in deze Dynamische Journey van Media is.
Dynamische zelfstudies van Media
- Dynamische Media van het Gebruik met Experience Manager Assets
- de inhoudsbibliotheek van Adobe Experience Manager (onderzoek op Dynamische Media)
Dynamische kijkers van Media
- Levende Demo's van elke kijker
Hoe verder in deze Dynamic Media Journey whats-next
In deel II van deze reis, onderzoekt u Dynamische Media URLs om beter te begrijpen wat aan de hand is wanneer een activa wordt geleverd. U leert ook meer over de grondbeginselen van het maken van voorinstellingen voor afbeeldingen om elementen te renderen, en leert over Afbeeldingssets, Spin-sets en Gemengde-mediasets en hoe deze worden gemaakt.
Neem me aan Dynamische Reis van Media: De Grondbeginselen, Deel II .