ブランディングや宣伝のためにウォーターマークを追加できます。これにより、画像の著作権を保護し、画像の無断使用を防ぐことができます。Alibaba Cloud CDN は、画像ウォーターマークとテキストウォーターマークをサポートしています。画像にウォーターマークを配置し、ウォーターマークの透明度を変更することで、画像コンテンツに影響を与えずにウォーターマークを表示できます。
Alibaba Cloud CDN の画像編集機能、Dynamic Content Delivery Network (DCDN) の画像編集機能、および Object Storage Service (OSS) の Image Processing (IMG) 機能は、それぞれ独立した機能であり、相互に利用することはできません。
画像編集は、別途通知があるまで無料でご利用いただけます。
使用上の注意
1 つの画像に最大 5 つのウォーターマークを追加できます。画像ウォーターマークとテキストウォーターマークがサポートされています。
画像ウォーターマークのサイズは変更できません。ウォーターマークとして使用するベースイメージのサイズは、1 MB を超えることはできません。
パラメーター
アクション： watermark
基本パラメーター
パラメーター
説明
値の範囲
t
テキストウォーターマークまたは画像ウォーターマークの不透明度。
[0,100]
デフォルト値： 100。値が 100 の場合、ウォーターマークは不透明になります。
g
画像上のウォーターマークの位置。
nw: 左上。
north: 上中央。
ne: 右上。
west: 左中央。
center: 中央。
east: 右中央。
sw: 左下。
south: 下中央。
se: 右下。
位置の詳細については、次の図をご参照ください。
x
水平マージン。ウォーターマークと画像の左右の端との水平方向の距離です。このパラメーターは、ウォーターマークが画像の左上、左中央、左下、右上、右中央、または右下にある場合にのみ有効です。
[0,4096]
デフォルト値： 10。単位：ピクセル。
y
垂直マージン。ウォーターマークと画像の上下の端との垂直方向の距離です。このパラメーターは、ウォーターマークが画像の左上、上中央、右上、下中央、または右下にある場合にのみ有効です。
[0,4096]
デフォルト値： 10。単位：ピクセル。
x、y、および offset を使用して、画像上のウォーターマークの位置を調整できます。また、これらのパラメーターを使用して、画像に複数のウォーターマークがある場合のウォーターマークレイアウトを調整することもできます。
画像ウォーターマークパラメーター
パラメーター
説明
値の範囲
image
インターネット経由でアクセス可能なウォーターマーク URL。指定された URL へのアクセスに認証または権限が必要な場合、Alibaba Cloud CDN はウォーターマーク URL の取得に失敗することがあります。
ウォーターマークの URL は、Base64 でエンコードする必要があります。詳細については、「ウォーターマークのエンコード」をご参照ください。
Base64 でエンコードされた文字列
テキストウォーターマークパラメーター
パラメーター
説明
値の範囲
text
テキストウォーターマークのコンテンツ。テキストコンテンツは、Base64 でエンコードする必要があります。詳細については、「ウォーターマークのエンコード」をご参照ください。
最大 60 文字のテキストを Base64 でエンコードした文字列。
type
テキストウォーターマークのフォント。フォント名は、Base64 でエンコードする必要があります。詳細については、「ウォーターマークのエンコード」をご参照ください。
最大 10 種類のフォントがサポートされています。詳細については、「次の表」をご参照ください。
説明サポートされていないフォントを指定した場合、システムはデフォルトとして
alihyaiheiを使用します。color
テキストウォーターマークの色。このパラメーターの有効な値は RGB カラー値です。
たとえば、000000 は黒を、FFFFFF は白を指定します。
デフォルト値： 000000。
rotate
テキストウォーターマークを時計回りに回転させる角度。
[0,360]
デフォルト値： 0。値が 0 の場合、テキストウォーターマークは回転しません。
fill
テキストウォーターマークでベースイメージを敷き詰めるかどうかを指定します。
有効な値： 0 および 1。デフォルト値： 0。
0： テキストウォーターマークでベースイメージを敷き詰めません。
1： テキストウォーターマークでベースイメージを敷き詰めます。
size
テキストウォーターマークのサイズ。
(0,1000]
デフォルト値： 40。
単位：ピクセル。
次の表は、type パラメーターの有効な値と、これらの値のエンコードされた文字列を示しています。
テキストフォント
説明
エンコードされた値
alihyaihei
太字フォント。これがデフォルトのフォントです。
YWxpaHlhaWhlaQ
hysong
宋体フォントのバリエーション。
aHlzb25n
hyhei
黒体フォントのバリエーション。
aHloZWk
hyshuangxian
二重線フォント。
aHlzaHVhbmd4aWFu
comfortaa
Comfortaa
Y29tZm9ydGFh
notosans
NotoSans
bm90b3NhbnM
ウォーターマークのエンコード
ウォーターマークを追加する際、テキストウォーターマークのコンテンツとフォント、および画像ウォーターマークの URL は、URL セーフな Base64 でエンコードする必要があります。ウォーターマークをエンコードするには、次の手順を実行します。
ウォーターマークコンテンツを Base64 でエンコードします。
URL セーフな Base64 エンコードツールを使用して、テキストウォーターマークのコンテンツとフォント、および画像ウォーターマークの URL をエンコードすることを推奨します。エンコードされたウォーターマークの文字列は、ウォーターマークを追加するために使用されるパラメーターでのみ使用できます。エンコードされたウォーターマークの文字列を署名文字列に含めないでください。
次のルールに基づいて、Base64 でエンコードされたウォーターマークコンテンツ内の文字を置換します。
プラス記号 (+) をハイフン (-) に置換します。
スラッシュ (/) をアンダースコア (_) に置換します。
Base64 でエンコードされたウォーターマークコンテンツの末尾にある等号 (=) を省略します。
例
テキストウォーターマーク "Hello World" を追加する：
文字列 "Hello World" を URL セーフな文字列に Base64 でエンコードします。詳細については、「ウォーターマークのエンコード」をご参照ください。テキストウォーターマークのエンコード結果は
SGVsbG8gV29ybGQです。hysong フォントのエンコード結果はaHlzb25nです。画像処理 URL はhttp(s)://example.com/image01.png?image_process=watermark,text_SGVsbG8gV29ybGQ,type_aHlzb25nです。テキストウォーターマークと画像ウォーターマークを追加する：
テキストウォーターマークを追加します： Hello World。Base64 でエンコードされた URL セーフな文字列は
SGVsbG8gV29ybGQです。g_se,x_10,y_10を使用して、テキストウォーターマークの位置を右下に設定し、水平マージンと垂直マージンをそれぞれ 10 ピクセルに設定します。http://example-test.oss-ap-southeast-1.aliyuncs.com/image/shuiyin.png画像ウォーターマーク URL をaHR0cDovL2V4YW1wbGUtdGVzdC5vc3MtYXAtc291dGhlYXN0LTEuYWxpeXVuY3MuY29tL2ltYWdlL3NodWl5aW4ucG5n文字列に Base64 でエンコードします。g_nw,x_10,y_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です。