概要

ここでは画像の変換方法を記載しています。

画像変換

元画像

image

https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/

拡大・縮小

拡大・縮小する。
末尾にw_{width}またはh_{height}を指定し拡大・縮小する
高さ・幅のどちらか指定した場合は、画像の縦横比はそのまま拡大・縮小する。
w_{width}h_{height}の両方を指定した場合は、そのサイズに合うよう拡大縮小する。

例:
image

https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/w_300,h_100

c_fit: 指定サイズからはみ出ないようリサイズ(拡大・縮小)する

縦横比を維持したまま拡大・縮小する。
末尾にc_fitw_{width}またはh_{height}を指定し、拡大・縮小する。
片方指定した場合は指定したw_{width}もしくはh_{height}からはみ出ないように大きさを拡大・縮小する
両方指定した場合はw_{width},h_{height}の矩形からはみ出ないように拡大・縮小する

image

https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_fit,w_300,h_100

c_limit: 指定サイズからはみ出ないようリサイズ(縮小のみ)する

縦横比を維持したまま縮小する。
元画像が指定したw_{width}もしくはh_{height}より小さい場合は拡大しない。
片方指定した場合は指定したw_{width}もしくはh_{height}からはみ出ないように大きさを縮小する
両方指定した場合はw_{width},h_{height}の矩形からはみ出ないように縮小する

image

https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_limit,w_300,h_100

c_scale

(未実装) 画像を拡大縮小する

縦横サイズの制限

幅:最大4000px
高さ:最大4000px
制限を超えた場合、エラーになります。

Format変換

出力フォーマットを指定する。
末尾に f_{format} を指定する。
指定が無い場合は、アップロード時の形式でファイルをダウンロードします。 指定可能な形式は以下のフォーマットです

format一覧

Format 説明
f_webp WebP形式に変換し、ブラウザへ送信する
f_png PNG形式に変換し、ブラウザへ送信する
f_jpg JPG形式に変換し、ブラウザへ送信する
f_bmp BMP形式に変換し、ブラウザへ送信する
f_heic HEIC形式に変換するし、ブラウザへ送信する(未実装)
f_auto 表示するブラウザにより最適な画像を送信する。
(以下、「f_uato指定地のファイル形式」参照)

f_auto 指定時のファイル形式

ファイル形式 ブラウザ
WebP Chrome/Safari(iOS14以降)/FireFox/IE Edge(Chromium以降)
PNG Safari(iOS13以前)/Internet Explorer(9以降)
JPG Internet Explorer(8以前)/その他ブラウザ

詳しくは こちらのAccpet Headerを参照。 https://developer.mozilla.org/ja/docs/Web/HTTP/Content_negotiation/List_of_default_Accept_values

参考画像

Format 画像
f_webp f_webp
https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_limit,w_150/f_webp
f_png f_png
https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_limit,w_150/f_png
f_jpg f_jpg
https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_limit,w_150/f_jpg
f_bmp f_bmp
https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_limit,w_150/f_bmp
f_heic
(未実装)
f_heic
https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_limit,w_150/f_heic
f_auto f_auto
https://img.resizing.net/projects/82a98d9b-c907-4667-b460-f832e79f3258/upload/images/e29f3b00-ab56-4627-860c-de4139354070/c_limit,w_150/f_auto