メディアハンドラーとワークフローを使用したアセットの処理

Adobe Experience Manager Assets には、アセットの処理に使用するデフォルトのワークフローとメディアハンドラーのセットが付属しています。ワークフローは、アセットに対して実行するタスクを定義し、特定のタスクをメディアハンドラーに委任します（サムネールの生成やメタデータの抽出など）。

特定のMIMEタイプのアセットがアップロードされると、ワークフローが自動的に実行されるように設定できます。 処理手順は、一連のAssetsメディアハンドラーに基づいて定義されます。 Experience Manager には、組み込みのハンドラーがいくつか用意されています。さらに、追加のハンドラーをカスタムで開発したり、処理をコマンドラインツールに委任して定義したりできます。

メディアハンドラーは、アセットに対して特定のアクションを実行するAssetsのサービスです。 例えば、MP3オーディオファイルがExperience Managerにアップロードされると、ワークフローは、メタデータを抽出してサムネールを生成するMP3ハンドラーをトリガーします。 通常、メディアハンドラーはワークフローと組み合わせて使用されます。Experience Manager内では、ほとんどの一般的なMIMEタイプがサポートされています。 アセットに対して特定のタスクを実行するには、ワークフローを拡張または作成するか、メディアハンドラーを拡張または作成するか、メディアハンドラーを無効または有効にします。

デフォルトのメディアハンドラー

Assets内では、次のメディアハンドラーを使用でき、最も一般的なMIMEタイプを処理できます。

すべてのハンドラーは以下のタスクを実行できます。

• アセットから使用できるすべてのメタデータを抽出する
• アセットのサムネール画像の作成

アクティブなメディアハンドラーを表示するには：

1. ブラウザーで、https://localhost:4502/system/console/componentsに移動します。
2. 「com.day.cq.dam.core.impl.store.AssetStoreImpl」をクリックします。
3. すべてのアクティブなメディアハンドラーリストが表示されます。次に例を示します。

ワークフローでメディアハンドラーを使用したアセットに対するタスクの実行

通常、メディアハンドラーはワークフローと組み合わせて使用されるサービスです。

Experience Manager には、アセットを処理するデフォルトのワークフローがいくつかあります。ワークフローを表示するには、ワークフローコンソールを開き、「モデル」タブをクリックします。「」から始まるワークフロータイトルは、アセット固有のタイトルです。Assets

特定の要件に従って、既存のワークフローを拡張し、新しいワークフローを作成してアセットを処理できます。

以下の例は、AEM Assets 同期​ワークフローを拡張して、PDF ドキュメント以外のすべてのアセットについてサブアセットを生成するための方法を示しています。

メディアハンドラーの無効化または有効化

メディアハンドラーを無効または有効にするには、Apache Felix Web Management Console を使用します。メディアハンドラーを無効にすると、そのアセットに対してメディアハンドラーのタスクは実行されません。

メディアハンドラーを有効または無効にするための手順

1. ブラウザーで、https://<host>:<port>/system/console/components です。
2. メディアハンドラーの名前の横にある「Disable」をクリックします。例：com.day.cq.dam.handler.standard.mp3.Mp3Handler
3. ページを更新します。メディアハンドラーの横に、無効であることを示すアイコンが表示されます。
4. メディアハンドラーを有効にするには、メディアハンドラーの名前の横にある「Enable」をクリックします。

新しいメディアハンドラーの作成

新しいメディアタイプをサポートしたり、アセットで特定のタスクを実行したりするには、新しいメディアハンドラーを作成する必要があります。ここでは、その進め方について説明します。

重要なクラスとインターフェイス

実装を開始するための最適な方法は、最も多くの点について対応し、適切なデフォルト動作を提供している付属の抽象実装から継承することです。それが com.day.cq.dam.core.AbstractAssetHandler クラスです。

このクラスには、抽象的なサービス記述子が用意されています。そのため、このクラスから継承し、maven-sling-plugin を使用する場合、inherit フラグを true に設定する必要があります。

次のメソッドを実装します。

• extractMetadata()：使用可能なすべてのメタデータを抽出します。
• getThumbnailImage()：渡されたアセットからサムネール画像を作成します。
• getMimeTypes()：アセットの MIME タイプを返します。

以下にテンプレートの例を示します。

package my.own.stuff; /** * @scr.component inherit="true" * @scr.service */ public class MyMediaHandler extends com.day.cq.dam.core.AbstractAssetHandler { // implement the relevant parts }

インターフェイスとクラスには以下が含まれます。

• com.day.cq.dam.api.handler.AssetHandler インターフェイス：特定の MIME タイプのサポートを追加するサービスを記述します。新しい MIME タイプを追加するには、このインターフェイスを実装する必要があります。このインターフェイスには、特定のドキュメントの読み込みと書き出し、サムネールの作成およびメタデータの抽出をおこなうメソッドがあります。
• com.day.cq.dam.core.AbstractAssetHandler クラス：その他すべてのアセットハンドラー実装の基礎として機能し、よく使用される機能を提供します。
• com.day.cq.dam.core.AbstractSubAssetHandler クラス：
  • このクラスは、他のすべてのアセットハンドラー実装の基礎として機能し、よく使用される機能を提供します。さらに、サブアセットの抽出に関してよく使用される機能も提供します。
  • 実装を開始する最善の方法は、最も多くの点に対応し、適切なデフォルト動作を提供する付属の抽象実装から継承することです。com.day.cq.dam.core.AbstractAssetHandlerクラス。
  • このクラスには、抽象的なサービス記述子が用意されています。そのため、このクラスから継承し、maven-sling-plugin を使用する場合、inherit フラグを true に設定する必要があります。

以下のメソッドを実装する必要があります。

• extractMetadata()：使用できるすべてのメタデータを抽出します。
• getThumbnailImage()：渡されたアセットのサムネール画像を作成します。
• getMimeTypes()：アセットの MIME タイプを返します。

以下にテンプレートの例を示します。

package my.own.stuff; /** * @scr.component inherit="true" * @scr.service */ public class MyMediaHandler extends com.day.cq.dam.core.AbstractAssetHandler

インターフェイスとクラスには以下が含まれます。

• com.day.cq.dam.api.handler.AssetHandler インターフェイス：特定の MIME タイプのサポートを追加するサービスを記述します。新しい MIME タイプを追加するには、このインターフェイスを実装する必要があります。このインターフェイスには、特定のドキュメントの読み込みと書き出し、サムネールの作成およびメタデータの抽出をおこなうメソッドがあります。
• com.day.cq.dam.core.AbstractAssetHandler クラス：その他すべてのアセットハンドラー実装の基礎として機能し、よく使用される機能を提供します。
• com.day.cq.dam.core.AbstractSubAssetHandler クラス：その他すべてのアセットハンドラー実装の基礎として機能し、よく使用される機能を提供します。さらに、サブアセットの抽出についてよく使用される機能も提供します。

例：特定のテキストハンドラーを作成する

ここでは、透かしありのサムネールを生成する固有の Text Handler を作成します。

以下の手順を実行します。

開発ツールを参照して、Mavenプラグインを使用してEclipseをインストールして設定し、Mavenプロジェクトに必要な依存関係を設定します。

次の手順を実行した後、TXTファイルをExperience Managerにアップロードすると、ファイルのメタデータが抽出され、透かし付きの2つのサムネールが生成されます。

1. Eclipseで、 myBundle Mavenプロジェクトを作成します。

   1. メニューバーで、ファイル > 新規 > その他​をクリックします。

   2. ダイアログで、Mavenフォルダーを展開し、Mavenプロジェクトを選択して、「次へ」をクリックします。

   3. 「単純なプロジェクトを作成」ボックスと「デフォルトのワークスペースの場所を使用」ボックスをオンにして、「次へ」をクリックします。

   4. Mavenプロジェクトを定義します。

      • Group Id: com.day.cq5.myhandler.
      • Artifact Id：myBundle.
      • 名前：Experience Managerバンドル。
      • 説明：これは私のExperience Managerバンドルです。

   5. 「Finish」をクリックします。

2. Javaコンパイラをバージョン1.5に設定します。

   1. myBundleプロジェクトを右クリックし、「プロパティ」を選択します。

   2. 「Javaコンパイラー」を選択し、次のプロパティを1.5に設定します。

      • Compiler compliance level
      • Generated .class files compatibility
      • Source compatibility

   3. 「OK」をクリックします。ダイアログウィンドウで、「はい」をクリックします。

3. pom.xmlファイル内のコードを次のコードに置き換えます。

   <project xmlns="https://maven.apache.org/POM/4.0.0" xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="https://maven.apache.org/POM/4.0.0 https://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <!-- ====================================================================== -->
    <!-- P A R E N T P R O J E C T D E S C R I P T I O N -->
    <!-- ====================================================================== -->
    <parent>
     <groupId>com.day.cq.dam</groupId>
     <artifactId>dam</artifactId>
     <version>5.2.14</version>
     <relativePath>../parent</relativePath>
    </parent>
    <!-- ====================================================================== -->
    <!-- P R O J E C T D E S C R I P T I O N -->
    <!-- ====================================================================== -->
    <groupId>com.day.cq5.myhandler</groupId>
    <artifactId>myBundle</artifactId>
    <name>My CQ5 bundle</name>
    <version>0.0.1-SNAPSHOT</version>
    <description>This is my CQ5 bundle</description>
    <packaging>bundle</packaging>
    <!-- ====================================================================== -->
    <!-- B U I L D D E F I N I T I O N -->
    <!-- ====================================================================== -->
    <build>
     <plugins>
      <plugin>
       <groupId>org.apache.felix</groupId>
       <artifactId>maven-scr-plugin</artifactId>
      </plugin>
      <plugin>
       <groupId>org.apache.sling</groupId>
       <artifactId>maven-sling-plugin</artifactId>
       <configuration>
        <slingUrlSuffix>/libs/dam/install/</slingUrlSuffix>
       </configuration>
      </plugin>
      <plugin>
       <groupId>org.apache.felix</groupId>
       <artifactId>maven-bundle-plugin</artifactId>
       <extensions>true</extensions>
       <configuration>
        <instructions>
         <Bundle-Category>cq5</Bundle-Category>
         <Export-Package> com.day.cq5.myhandler </Export-Package>
        </instructions>
       </configuration>
      </plugin>
     </plugins>
    </build>
    <!-- ====================================================================== -->
    <!-- D E P E N D E N C I E S -->
    <!-- ====================================================================== -->
    <dependencies>
     <dependency>
      <groupId>com.day.cq.dam</groupId>
      <artifactId>cq-dam-api</artifactId>
      <version>5.2.10</version>
      <scope>provided</scope>
     </dependency>
     <dependency>
      <groupId>com.day.cq.dam</groupId>
      <artifactId>cq-dam-core</artifactId>
      <version>5.2.10</version>
      <scope>provided</scope>
     </dependency>
     <dependency>
      <groupId>com.day.cq</groupId>
      <artifactId>cq-commons</artifactId>
     </dependency>
     <dependency>
      <groupId>javax.jcr</groupId>
      <artifactId>jcr</artifactId>
     </dependency>
     <dependency>
      <groupId>org.apache.felix</groupId>
      <artifactId>org.osgi.compendium</artifactId>
     </dependency>
     <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
     </dependency>
     <dependency>
      <groupId>commons-lang</groupId>
      <artifactId>commons-lang</artifactId>
     </dependency>
     <dependency>
      <groupId>commons-collections</groupId>
      <artifactId>commons-collections</artifactId>
     </dependency>
     <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
     </dependency>
     <dependency>
      <groupId>com.day.commons</groupId>
      <artifactId>day-commons-gfx</artifactId>
     </dependency>
     <dependency>
      <groupId>com.day.commons</groupId>
      <artifactId>day-commons-text</artifactId>
     </dependency>
     <dependency>
      <groupId>com.day.cq.workflow</groupId>
      <artifactId>cq-workflow-api</artifactId>
     </dependency>
     <dependency>
      <groupId>com.day.cq.wcm</groupId>
      <artifactId>cq-wcm-foundation</artifactId>
      <version>5.2.22</version>
     </dependency>
    </dependencies>
   

4. myBundle/src/main/javaの下にJavaクラスを含むパッケージcom.day.cq5.myhandlerを作成します。

   1. myBundleで、src/main/javaを右クリックし、「新規」、「パッケージ」の順に選択します。
   2. com.day.cq5.myhandlerという名前を付け、「完了」をクリックします。

5. JavaクラスMyHandlerを作成します。

   1. EclipseのmyBundle/src/main/javaで、com.day.cq5.myhandlerパッケージを右クリックします。 「新規」を選択し、「クラス」を選択します。
   2. ダイアログウィンドウで、JavaクラスにMyHandlerと名前を付け、「完了」をクリックします。 Eclipse ファイルを作成して開きま MyHandler.javaす。
   3. MyHandler.javaで、既存のコードを次のコードに置き換え、変更を保存します。

   package com.day.cq5.myhandler;
   import java.awt.Color;
   import java.awt.Rectangle;
   import java.awt.image.BufferedImage;
   import java.io.IOException;
   import java.io.InputStream;
   import java.io.InputStreamReader;
   import javax.jcr.Node;
   import javax.jcr.RepositoryException;
   import javax.jcr.Session;
   import org.apache.commons.io.IOUtils;
   import org.slf4j.Logger;
   import org.slf4j.LoggerFactory;
   import com.day.cq.dam.api.metadata.ExtractedMetadata;
   import com.day.cq.dam.core.AbstractAssetHandler;
   import com.day.image.Font;
   import com.day.image.Layer;
   import com.day.cq.wcm.foundation.ImageHelper;
   
   /**
    * The <code>MyHandler</code> can extract text files
    * @scr.component inherit="true" immediate="true" metatype="false"
    * @scr.service
    *
    **/
   
   public class MyHandler extends AbstractAssetHandler {
    /** * Logger instance for this class. */
    private static final Logger log = LoggerFactory.getLogger(MyHandler.class);
    /** * Music icon margin */
    private static final int MARGIN = 10;
    /** * @see com.day.cq.dam.api.handler.AssetHandler#getMimeTypes() */
    public String[] getMimeTypes() {
     return new String[] {"text/plain"};
    }
   
    public ExtractedMetadata extractMetadata(Node asset) {
     ExtractedMetadata extractedMetadata = new ExtractedMetadata();
     InputStream data = getInputStream(asset);
     try {
      // read text data
      InputStreamReader reader = new InputStreamReader(data);
      char[] buffer = new char[4096];
      String text = "";
      while (reader.read(buffer) != -1) {
       text += new String(buffer);
      }
      reader.close();
      long wordCount = this.wordCount(text);
      extractedMetadata.setProperty("text", text);
      extractedMetadata.setMetaDataProperty("Word Count",wordCount);
      setMimetype(extractedMetadata, asset);
     } catch (Throwable t) {
      log.error("handling error: " + t.toString(), t);
     } finally {
      IOUtils.closeQuietly(data);
     }
     return extractedMetadata; }
    // ----------------------< helpers >----------------------------------------
    protected BufferedImage getThumbnailImage(Node node) {
     ExtractedMetadata metadata = extractMetadata(node);
     final String text = (String) metadata.getProperty("text");
     // create text layer
     final Layer layer = new Layer(500, 600, Color.WHITE);
     layer.setPaint(Color.black);
     Font font = new Font("Arial", 12);
     String displayText = this.getDisplayText(text, 600, 12);
     if(displayText!=null && displayText.length() > 0) {
      // commons-gfx Font class would throw IllegalArgumentException on empty or null text
      layer.drawText(10, 10, 500, 600, displayText, font, Font.ALIGN_LEFT, 0, 0);
     }
     // create watermark and merge with text layer
     Layer watermarkLayer;
     try {
      final Session session = node.getSession();
      watermarkLayer = ImageHelper.createLayer(session, "/content/dam/we-retail/en/products/apparel/gloves/Gloves.jpg");
      watermarkLayer.setX(MARGIN);
      watermarkLayer.setY(MARGIN);
      layer.merge(watermarkLayer);
     } catch (RepositoryException e) {
      // TODO Auto-generated catch block
      e.printStackTrace();
     } catch (IOException e) {
      // TODO Auto-generated catch block
      e.printStackTrace(); }
     layer.crop(new Rectangle(510, 600));
     return layer.getImage(); }
    // ---------------< private >-----------------------------------------------
    /**
     * This method cuts lines if the text file is too long..
     * * @param text
     * * text to check
     * * @param height
     * * text box height (px)
     * * @param fontheight
     * * font height (px)
     * * @return the text which will fit into the box
     */
    private String getDisplayText(String text, int height, int fontheight) {
     String trimmedText = text.trim();
     int numOfLines = height / fontheight;
     String lines[] = trimmedText.split("\n");
     if (lines.length <= numOfLines) {
      return trimmedText;
     } else {
      String cuttetText = "";
      for (int i = 0; i < numOfLines; i++) {
       cuttetText += lines[i] + "\n";
      }
      return cuttetText;
     }
    }
    /**
     * * This method counts the number of words in a string
     * * @param text the String whose words would like to be counted
     * * @return the number of words in the string
     * */
    private long wordCount(String text) {
     // We need to keep track of the last character, if we have two whitespaces in a row we don't want to double count.
     // The starting of the document is always a whitespace.
     boolean prevWhiteSpace = true;
     boolean currentWhiteSpace = true;
     char c; long numwords = 0;
     int j = text.length();
     int i = 0;
     while (i < j) {
      c = text.charAt(i++);
      if (c == 0) { break; }
      currentWhiteSpace = Character.isWhitespace(c);
      if (currentWhiteSpace && !prevWhiteSpace) { numwords++; }
      prevWhiteSpace = currentWhiteSpace;
     }
     // If we do not end with a whitespace then we need to add one extra word.
     if (!currentWhiteSpace) { numwords++; }
     return numwords;
    }
   }
   

6. Javaクラスをコンパイルし、バンドルを作成します。

   1. myBundleプロジェクトを右クリックし、「名前を付けて実行」、「Mavenインストール」の順に選択します。
   2. バンドルmyBundle-0.0.1-SNAPSHOT.jar（コンパイル済みのクラスを含む）がmyBundle/targetの下に作成されます。

7. CRXエクスプローラーで、/apps/myAppの下に新しいノードを作成します。 名前= install、タイプ= nt:folder。

8. バンドルmyBundle-0.0.1-SNAPSHOT.jarをコピーし、/apps/myApp/installの下に格納します（例えば、WebDAVを使用）。 これで、新しいテキストハンドラーがExperience Managerでアクティブになります。

9. ブラウザーで、Apache Felix Web Management Consoleを開きます。 「コンポーネント」タブを選択し、デフォルトのテキストハンドラーcom.day.cq.dam.core.impl.handler.TextHandlerを無効にします。

コマンドラインベースのメディアハンドラー

Experience Manager を使用すると、ワークフロー内で任意のコマンドラインツールを実行して、アセットを変換し（ など）、新しいレンディションをアセットに追加できます。ImageMagick必要なのは、Experience Managerサーバーをホストするディスクにコマンドラインツールをインストールし、ワークフローにプロセスステップを追加して設定することだけです。 また、CommandLineProcess という起動プロセスによって、特定の MIME タイプに従ってフィルター処理を実行し、新しいレンディションに基づいて複数のサムネールを作成することもできます。

次の変換を自動的に実行し、Assets内に保存することができます。

• ImageMagickとGhostscriptを使用したEPSおよびAI変換。
• FFmpegを使用したFLVビデオのトランスコーディング。
• LAMEを使用したMP3エンコーディング。
• SOXを使用したオーディオ処理。

CommandLineProcess プロセスは、リストに表示されている順序で以下の操作を実行します。

• MIME タイプを指定した場合、そのタイプに従ってファイルをフィルターします。
• Experience Managerサーバーをホストするディスクに一時ディレクトリを作成します。
• 元のファイルを一時ディレクトリにストリーミングします。
• ステップの引数で定義されたコマンドを実行します。Experience Managerを実行するユーザーの権限で、一時ディレクトリ内でコマンドが実行されます。
• 結果をExperience Managerサーバーのレンディションフォルダーにストリーミングします。
• 一時ディレクトリを削除します。
• 指定した場合は、それらのレンディションに基づいてサムネールを作成します。サムネールの数とサイズは、ステップの引数で定義されます。

ImageMagickの使用例

次の例は、miMIME eタイプGIFまたはTIFFのアセットがExperience Managerサーバーの/content/damに追加されるたびに、元の反転画像が3つの追加のサムネール(140x100、48x48、10x25)と共に作成されるように、コマンドライン処理手順を設定する方法を示しています0)。

これを行うには、ImageMagickを使用します。 ImageMagick は、ビットマップ画像の作成、編集、作成に使用される無料のコマンドラインソフトウェアです。

Experience ManagerサーバーをホストするディスクにImageMagickをインストールします。

1. ImageMagickをインストールします。ImageMagickのドキュメントを参照してください。

2. コマンドラインで convert を実行できるようにツールを設定します。

3. ツールが適切にインストールされているかどうかを確認するには、コマンド convert -h をコマンドラインで実行します。

   convert ツールの使用できるすべてのオプションが記載されたヘルプ画面が表示されます。

   メモ

   Windowsの一部のバージョンでは、Windowsインストールに含まれるネイティブな変換ユーティリティと競合するので、convertコマンドが実行できない場合があります。 この場合は、画像ファイルをサムネールに変換するために使用するImageMagickソフトウェアの完全パスを指定します。 （例："C:\Program Files\ImageMagick-6.8.9-Q16\convert.exe" -define jpeg:size=319x319 ${filename} -thumbnail 319x319 cq5dam.thumbnail.319.319.png）。

4. ツールが正しく実行されているかどうかを確認するには、作業ディレクトリにJPG画像を追加し、コマンドconvert <image-name>.jpg -flip <image-name>-flipped.jpgをコマンドラインで実行します。 反転画像がディレクトリに追加されます。次に、コマンドラインプロセスのステップを​DAM Update Asset​ワークフローに追加します。

5. ワークフロー​コンソールを開きます。

6. 「モデル」タブで、DAM アセット更新​モデルを編集します。

7. Web enabled rendition​ステップのArgumentsを次のように変更します。mime:image/gif,mime:image/tiff,tn:140:100,tn:48:48,tn:10:250,cmd:convert ${directory}/${filename} -flip ${directory}/${basename}.flipped.jpgと入力します。

8. ワークフローを保存します。

変更したワークフローをテストするには、/content/dam にアセットを追加します。

1. ファイルシステムで、任意のTIFF画像を取得します。 名前を myImage.tiff に変更し、WebDAV などを使用して、/content/dam にコピーします。
2. CQ5 DAM コンソール（例：https://localhost:4502/libs/wcm/core/content/damadmin.html）を開きます。
3. アセット myImage.tiff を開き、反転画像と 3 つのサムネールが作成されたことを確認します。

CommandLineProcessプロセスステップの設定

ここでは、CommandLineProcess のプロセス引数を設定する方法について説明します。

プロセス引数の値はコンマで区切ります。また、値の先頭を空白にしないでください。

例えば、ImageMagickがExperience Managerサーバーをホストするディスクにインストールされ、CommandLineProcessを実装として使用し、以下の値をプロセス引数として使用してプロセスのステップを作成するとします。

mime:image/gif,mime:image/tiff,tn:140:100,tn:48:48,tn:10:250,cmd:convert ${directory}/${filename} -flip ${directory}/${basename}.flipped.jpg

次に、ワークフローが実行された場合、ステップはimage/gifまたはmime:image/tiffがmime-typesであるアセットにのみ適用され、元の画像の反転画像が作成され、JPGに変換されて、次の3つのサムネールが作成されます。140x100、48x48、10x250

次のプロセス引数を使用して、ImageMagickを使用して3つの標準のサムネールを作成します。

mime:image/tiff,mime:image/png,mime:image/bmp,mime:image/gif,mime:image/jpeg,cmd:convert ${filename} -define jpeg:size=319x319 -thumbnail "319x319>" -background transparent -gravity center -extent 319x319 -write png:cq5dam.thumbnail.319.319.png -thumbnail "140x100>" -background transparent -gravity center -extent 140x100 -write cq5dam.thumbnail.140.100.png -thumbnail "48x48>" -background transparent -gravity center -extent 48x48 cq5dam.thumbnail.48.48.png

次のプロセス引数を使用して、ImageMagickを使用してWeb対応レンディションを作成します。

mime:image/tiff,mime:image/png,mime:image/bmp,mime:image/gif,mime:image/jpeg,cmd:convert ${filename} -define jpeg:size=1280x1280 -thumbnail "1280x1280>" cq5dam.web.1280.1280.jpeg