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

CDN:透かしの追加

最終更新日:Sep 29, 2024

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

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

  • 画像編集は追って通知があるまで無料です。

  • 画像編集機能を使用すると、JPEGからWebP、JPEGからPNG、PNGからWebPなどの異なる画像形式間の変換により、画像サイズが大きくなることがあります。 これは、異なる画像フォーマットが異なる圧縮アルゴリズムを使用するためである。 画像サイズを縮小する場合は、qualityパラメーターを設定して画像の品質を下げることを推奨します。

使用上の注意

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

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

パラメーター

アクション: watermark

  • 基本パラメータ

    パラメーター

    説明

    値の範囲

    t

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

    [0,100]

    デフォルト値: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

    comfortaa

    Comfortaa

    Y29tZm9ydGFh

    notosans

    NotoSans

    bm90b3NhbnM

透かしのエンコード

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

  1. Base64で透かしコンテンツをエンコードします。

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

  2. 次のルールに基づいて、Base64-encoded透かしコンテンツの文字を置き換えます。

    • プラス記号 (+) をハイフン (-) に置き換えます。

    • スラッシュ (/) をアンダースコア (_) に置き換えます。

    • Base64-encoded透かしコンテンツの最後に等号 (=) を省略します。

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

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

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

    • テキストの透かしを追加する: Hello World。 Base64-encoded URLセーフ文字列はSGVsbG8gV29ybGQです。

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

    • http://example-test.oss-ap-southeast-1.aliyuncs.com/image/shuiyin.png 画像の透かしURLを文字列にBase64-encodeします

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

    • 画像処理URLはhttp(s):// example.com/image01.png?image_process=watermark,text_SGVsbG8gV29ybGQ,g_se,x_10,y_10/watermark,image_aHR0cDovL2V4YW1wbGUtdGVzdC5vc3MtYXAtc291dGhlYXN0LTEuYWxpeXVuY3MuY29tL2ltYWdlL3NodWl5aW4ucG5n,g_nw,x_10,y_10