すべてのプロダクト
Search
ドキュメントセンター

CDN:透かしの追加

最終更新日:Jan 24, 2024

ブランディングと宣伝のために透かしを追加できます。 これにより、画像の著作権を保護し、画像の不正使用を防止できます。 Alibaba Cloud CDNは、画像透かしとテキスト透かしをサポートしています。 画像に透かしを配置したり、透かしの透明度を変更して、透かしが画像コンテンツに影響しないようにすることができます。

説明
  • Alibaba Cloud CDNの画像編集機能、DCDNの画像編集機能、およびObject Storage Service (OSS) の画像処理 (IMG) 機能は、3つの異なる機能です。

  • 画像編集は有料サービスで、追って通知があるまで無料です。

使用上の注意

  • 1つの画像に最大5つの透かしを追加できます。 画像透かしとテキスト透かしがサポートされています。

  • 画像の透かしのサイズを変更することはできません。 透かしとして使用されるベースピクチャのサイズは、1 MBを超えることはできない。

パラメーター

アクション: watermark

  • 基本パラメータ

    パラメーター

    説明

    有効値

    t

    テキストまたは画像の透かしの不透明度。

    [0,100]

    デフォルト値: 100。これは、透かしが不透明であることを示します。

    g

    画像上の透かしの位置。

    • nw: 左上。

    • 北: アッパーミドル。

    • ne: 右上。

    • 西: 左中央。

    • センター: センター。

    • 東: 右真ん中。

    • sw: 左下。

    • 南: 下の真ん中。

    • se: 右下。

    ポジションの詳細については、次の図をご参照ください。

    x

    ウォーターマークと画像エッジの間の水平距離である水平マージン。 このパラメーターは、ウォーターマークが画像の左上、中左、左下、右上、中右、または右下隅に配置されている場合にのみ有効になります。

    [0,4096]

    デフォルト値は 10 です。 単位: ピクセル。

    y

    ウォーターマークと画像の下端との間の垂直距離である垂直マージン。 このパラメーターは、ウォーターマークが画像の左上、中央上部、右上、左下、中央下部、または右下隅に配置されている場合にのみ有効になります。

    [0,4096]

    デフォルト値は 10 です。 単位: ピクセル。

x、y、およびオフセットを使用して、画像上の透かしの位置を調整できます。 これらのパラメーターを使用して、画像に複数の透かしが含まれている場合に透かしレイアウトを調整することもできます。

水印位置

  • 画像透かしパラメータ

    パラメーター

    説明

    有効値

    イメージ

    インターネット経由でアクセスできる透かしURLを指定できます。 指定されたURLにアクセスするために認証または権限が必要な場合、Alibaba Cloud CDNはウォーターマークURLの取得に失敗する可能性があります。

    透かしURLをBase64-encodedする必要があります。 詳細については、「透かしのエンコード」をご参照ください。

    Base64-encoded文字列。

  • テキスト透かしパラメーター

    パラメーター

    説明

    有効値

    text

    テキスト透かしの内容。 テキストコンテンツをBase64-encodedする必要があります。 詳細については、「透かしのエンコード」をご参照ください。

    長さが最大60文字のBase64-encoded文字列。

    type

    テキストの透かしのフォント。 フォント名をBase64-encodedする必要があります。 詳細については、「透かしのエンコード」をご参照ください。

    最大10個のフォントがサポートされています。 詳細については、次の表をご参照ください。

    説明

    10個のフォントに含まれていないフォントを使用する場合、フォントはデフォルトのフォントalihyaiheiとして認識されます。

    color

    テキストの透かしの色。 このパラメータの有効な値はRGBカラー値です。

    例えば、000000は黒を指定し、FFFFFFは白を指定する。

    デフォルト値: 000000

    rotate

    テキストが時計回りに回転する程度。

    [0,360]

    デフォルト値:0 値0は、テキストが回転されないことを指定します。

    fill

    ソース画像をテキスト透かしでタイル化するかどうかを指定します。

    有効な値: 0と1。 デフォルト値:0

    • 0: テキスト透かしでソース画像をタイル化しません。

    • 1: ソース画像をテキスト透かしでタイル化します。

    size

    テキスト透かしのサイズ。

    (0,1000)

    デフォルト値: 40。

    単位: ピクセル。

    次の表に、typeパラメーターの有効な値と、これらの値のエンコードされた文字列を示します。

    テキストフォント

    説明

    エンコードされた値

    aliyaihei

    太字のフォント。 これはデフォルトのフォントです。

    YWxpaHlhaWhlaQ

    ヒソン

    Songtiフォントの変形。

    aHlzb25n

    ヒヘイ

    ハイチフォントの変形。

    aHloZWk

    hyshuangxian

    二重線フォント。

    aHlzaHVhbmd4aWFu

    fzltzhk

    ハイチフォントの変形。

    ZnpsdHpoaw

    fzshengsks

    通常のスクリプトフォント。

    ZnpzaGVuZ3Nrcw

    fzqusongjian

    Songtiフォントの変形。

    ZnpxdXNvbmdqaWFu

    zzgfxingyan

    芸術的なフォント。

    enpnZnhpbmd5YW4

    comfortaa

    Comfortaa

    Y29tZm9ydGFh

    notosans

    NotoSans

    bm90b3NhbnM

透かしのエンコード

画像に透かしを追加する場合、テキスト透かしの内容、色、フォント、および画像透かしの名前は、URLセーフBase64-encodedである必要があります。 透かしをエンコードするには、次の手順を実行します。

  1. コンテンツをBase64-encodeします。

    URLセーフBase64エンコードツールを使用して、テキストコンテンツ、テキスト透かしのフォント、および画像透かしのURLをエンコードすることを推奨します。 符号化された透かし文字列は、透かしを追加するために使用されるパラメータにおいてのみ使用できる。 透かしのエンコードされた文字列を署名文字列に含めないでください。

  2. 次のルールに基づいて、エンコードされたコンテンツを置き換えます。

    • エンコードされた文字列のプラス記号 (+) をハイフン (-) に置き換えます。

    • エンコードされた文字列のスラッシュ (/) をアンダースコア (_) に置き換えます。

    • エンコードされた文字列の末尾の等号 (=) を省略します。

  • テキスト透かし「Hello World」を追加します。

    文字列 "Hello World" をURLセーフ文字列にBase64-encodeします。 詳細については、「透かしのエンコード」をご参照ください。 テキストコンテンツのエンコード結果はSGVsbG8gV29ybGQです。 hysongフォントのエンコード结果はaHlzb25nです。 リクエストURLはhttp(s):// example.com/image01.png?image_process=watermark,text_SGVsbG8gV29ybGQ,type_aHlzb25nです。

  • 中国語のテキストと画像の透かしを追加する:

    • 中国語のテキスト透かしの内容: 新年快器。 Base64-encoded URLセーフ文字列は5paw5bm05b-r5LmQです。

    • g_se、x_10、y_10を使用して、テキストの透かしの位置を右下に、水平マージンを10ピクセルに、中央線からの垂直オフセットを10ピクセルに設定します。

    • 画像透かしのURLはhttp://example-test.oss-ap-southeast-1.aliyuncs.com/image/shuiyin.pngです。 Base64-encoded値はaHR0cDovL2V4YW1wbGUtdGVzdC5vc3MtYXAtc291dGhlYXN0LTEuYWxpeXVuY3MuY29tL2ltYWdlL3NodWl5aW4ucG5nです。

    • g_nw,x_10,y_10を使用して、画像の透かしの位置を左上に、水平マージンを10ピクセルに、中央線からの垂直オフセットを10ピクセルに設定します。

    • リクエストURLはhttp(s):// example.com/image01.png?image_process=watermark,text_5paw5bm05b-r5LmQ,g_se,x_10,y_10/watermark,image_aHR0cDovL2V4YW1wbGUtdGVzdC5vc3MtYXAtc291dGhlYXN0LTEuYWxpeXVuY3MuY29tL2ltYWdlL3NodWl5aW4ucG5n,g_nw,x_10,y_10です。