JUImageダウンロードJUImageソースコードのダウンロード

JUImage

その他のカテゴリー

v5.19

ダウンロード

Juimage V6

Juimage-サポートWebpとAvifを使用した親指をレンダリングするライブラリ。

Joomlaの親指を作成してください！拡張またはスタンドアロンの使用。

デモ（すべての親指）

SCI314.com
向き言葉
流し

Joomlaで使用してください！拡大

Junewsultra
Jumultithumb
Jursspublisher

使用法

スタンドアロン

作曲家のインストール

composer require joomla-ua/juimage

その後、後でComposerを使用して更新できます。

composer update

コードの例

インストール後、Composer's Autoloaderを要求する必要があります。

 require_once ( ' vendor/autoload.php ' );

$ config [ ' root_path ' ] = __DIR__ ;
$ config [ ' img_blank ' ] = ' images/logos ' ;

$ juImg = new JUImage  Image ( $ config );
$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w '     => ' 300 ' ,
	' h '     => ' 100 ' ,
	' q '     => ' 77 ' ,
	' cache ' => ' img '
]);

echo ' <img src=" ' . $ thumb . ' " alt="Apple" width="300" height="100"> ' ;

グローバルオプション	説明
`$root_path`	サイトのルートパス。デフォルトの定義`JPATH_BASE`
`$img_blank`	デフォルト画像へのパス。たとえば、画像が見つからない場合、デフォルトの画像`noimage.png`表示します。画像が見つからない場合も壊れていない場合もオプション`error_image`も使用します（オプションに移動）

Joomla！統合

インストール

Joomlaを使用して、拡張ライブラリ（lib_juimage_v3.xxzip）をインストールしてください！拡張マネージャー。

コードの例

拡張機能で使用するコード。

JLoader:: register ( ' JUImage ' ,  JPATH_LIBRARIES . ' /juimage/JUImage.php ' );

$ juImg = new JUImage ();
$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w '     => ' 300 ' ,
	' h '     => ' 100 ' ,
	' q '     => ' 77 ' ,
	' cache ' => ' img '
]);

echo ' <img src=" ' . $ thumb . ' " alt="Apple" width="300"> ' ;

または

 require_once ( JPATH_SITE . ' /libraries/juimage/vendor/autoload.php ' );

$ juImg = new JUImage  Image ();
$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w '     => ' 300 ' ,
	' h '     => ' 100 ' ,
	' q '     => ' 77 ' ,
	' cache ' => ' img '
]);

echo ' <img src=" ' . $ thumb . ' " alt="Apple" width="300"> ' ;

WebPサポート

 <?php

$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w '     => ' 300 ' ,
	' h '     => ' 100 ' ,
	' q '     => ' 95 ' ,
	' webp '  => true
]);
?>

<picture>
	<source srcset=" <?php echo $ thumb -> webp ; ?> " type="image/webp">
	<img src=" <?php echo $ thumb -> img ; ?> " alt="Apple" width="300" height="100">
</picture>

Webp親指にGD2 libを使用してください：

 <?php

$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w '           => ' 300 ' ,
	' h '           => ' 100 ' ,
	' q '           => ' 95 ' ,
	' webp '        => true ,
	' imagemagick ' => false
]);
?>

webpコマンド	タイプ	デフォルト	説明
webp	ブール	間違い	`true`の場合、サポートWebpイメージを追加します。このオプションを使用するには、 `<picture>`を使用して、例を参照してください。

AVIFサポート

AVIF画像形式（PHP 8.1.0が必要）

 <?php

$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w '     => ' 300 ' ,
	' h '     => ' 100 ' ,
	' q '     => ' 95 ' ,
	' avif '  => true
]);
?>

<picture>
	<source srcset=" <?php echo $ thumb -> avif ; ?> " type="image/avif">
	<img src=" <?php echo $ thumb -> img ; ?> " alt="Apple" width="300" height="100">
</picture>

webpコマンド	タイプ	デフォルト	説明
avif	ブール	間違い	`true`の場合、サポートWebpイメージを追加します。このオプションには、 `<picture>`を使用してください。 AVIF画像形式（PHP 8.1.0が必要）

WebpとAvifを組み合わせる方法は？

 <?php

$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w '     => ' 300 ' ,
	' h '     => ' 100 ' ,
	' q '     => ' 95 ' ,
	' avif '  => true ,
	' webp '  => true
]);
?>

<picture>
	<source srcset=" <?php echo $ thumb -> avif ; ?> " type="image/avif">
	<source srcset=" <?php echo $ thumb -> webp ; ?> " type="image/webp">
	<img src=" <?php echo $ thumb -> img ; ?> " alt="Apple" width="300" height="100">
</picture>

YouTubeとVimeoのサポート

YouTube：

 $ thumb = $ juImg -> render ( ' https://www.youtube.com/watch?v=xxxxxxxxxxx ' , [
	' w ' => ' 300 ' ,
	' h ' => ' 100 '
]);

Vimeo：

 $ thumb = $ juImg -> render ( ' https://vimeo.com/xxxxxxxxx ' , [
	' w ' => ' 300 ' ,
	' h ' => ' 100 '
]);

画像サイズのサポート

 <?php

$ thumb = $ juImg -> render ( ' images/sampledata/fruitshop/apple.jpg ' , [
	' w ' => ' 300 '
]);

// Image size for thumb
$ size = $ juImg -> size ( $ thumb );
	
echo ' <img src=" ' . $ thumb . ' " alt="Apple" width=" ' . $ size -> width . ' " height=" ' . $ size -> height . ' "> ' ;

オプション

この配列にオプションを追加します。

[
  	' w '     => ' 300 ' ,
  	' h '     => ' 100 ' ,
  	' q '     => ' 77 ' ,
  	' cache ' => ' img '
]

指示	説明
キャッシュ	サムネイル用のフォルダー
error_image	画像が見つからないか壊れていない場合のデフォルト画像へのパス
w	ピクセルでの出力サムネイルの最大幅
h	ピクセルでの出力サムネイルの最大高さ
WP	ポートレート画像の最大幅
HP	ポートレート画像の最大高さ
wl	ランドスケープ画像の最大幅
HL	風景画像の最大高さ
WS	正方形の画像の最大幅
HS	正方形の画像の最大高さ
f	出力画像形式（ "jpeg"、 "png"、 "gif"、 "webp"または "avif"））
Q	JPEG圧縮（1 =最悪、95 =ベスト、75 =デフォルト）
SX	ソース長方形の左側（デフォルト0）（値0 <sx <1はパーセンテージを表します）
sy	ソース長方形の上面（デフォルト0）（値0 <sy <1を表すパーセンテージ）
SW	ソース長方形の幅（デフォルトのフルワイト）（値0 <SW <1を表すパーセンテージ）
sh	ソース長方形の高さ（デフォルトのfullheight）（値0 <sh <1を表す割合）
ZC	ズームクラップ。画像がより小さな寸法（「w」と「h」の両方が必要であり、「iAR」、「far」の両方を充填する必要がある）が大きい寸法を自動します。中心に向かって「1」または「C」に設定するか、「T」、「B」、「L」、「R」、「TL」、「TR」に設定します。
BG	バックグラウンドヘックスカラー（デフォルトffffff）
紀元前	ボーダーヘックスカラー（デフォルト000000）
XTO	exifサムネイルのみ - exifサムネイルのみを抽出するように設定し、追加の処理を行わない
ra	角度で回転：程度の回転角度は反時計回り、負、時計回り
ar	自動回転：「x」に設定して、カメラで保存されたExif方向を使用します。また、風景の「L」または「L」、またはポートレートの「P」または「P」に設定することもできます。「 l」と「P」は、画像を時計回りに回転させ、「L」と「P」を反時計回りに回転させます。
SFN	ソースフレーム番号 - マルチフレーム/マルチページソース画像（GIF、TIFFなど）にこのフレーム/ページ番号を使用します
aoe	出力許可-1 = on、0 = off。「FAR」と「IAR」はどちらもこれをオーバーライドし、出力を入力よりも大きくします）
IAR	アスペクト比を無視 - 比例サイズ変更を無効にし、「H」と「W」（両方を設定する必要があります）に合わせて画像をストレッチします。（1 = on、0 = off）（ "far"をオーバーライド）
遠い	力のアスペクト比 - 画像は、「W」と「H」（両方とも設定する必要がある）で指定されたサイズで作成されます。アライメント：l =左、r =右、t = tot、b = bottom、c = center。 BL、BR、TL、TR画像がランドスケープまたはポートレートである場合、適切な方向を使用します。
DPI	インチあたりのドット-PDF、WMFなどのベクトル画像形式からインポートする際のDPI設定入力設定
sia	画像を保存 - デフォルトのファイル名は、生成された画像を保存します。ベースファイル名を指定する、拡張機能（例： ".png"）が自動的に追加されます
maxb	最大バイトサイズ - 出力品質は、サムネイルを「MAXB」バイトに収めるために自動セットです（圧縮品質がJPEGに対して調整され、PNGとGIFのビット深度が調整されます）