お客様の為に作ったJCEプロを使った記事への写真のアップロードと配置に関しての説明です。
JCEというかインターネット上の画像の扱いにはいくつかの注意すべき点があります以下の内容を守って管理してください。
1.サイトのサイズに合わせて写真のサイズもリサイズする。
スマホなどで撮影した写真をそのまま乗せるのはあまり良くありません。基本は明るさや切り取りなどの修正を行った後適正なサイズにリサイズして大きさを徴してからアップロードします。
リサイズに関しては、決まった値はありませんが Bootstrap4 と呼ばれているレスポンシブ対応サイトの場合、その最大幅である1140pxであればいいでしょう。
なお、JCEエディタでは設定することで、一定サイズ以上のファイルを自動的にリサイズしてアップロードする機能を持っています。
2.ファイル名やディレクトリ名に日本語を使わない
これは基本中の基本ですが、今や多くの環境で日本語ファイル名などをきちんと認識出来るようになっているため、そのまま日本語ファイルを使っている人は多いでしょう。ところが自分の環境では見えても違う環境の人が見た場合リンク切れを起こす可能性が高くなり表示出来ないなどの問題を引き起こします。したがってファイル名は英語にしましょう。
3.登録するファイルはアップロード先をきちんと整理してからアップロードする。
自分がアップロードしたファイルがどこにあるのか理解出来るようなフォルダ構造(ディレクトリ構造)を作りましょう。その先に画像ファイルがあるということが重要です。
4.アップロードできるのは3種類
- JPEG
- PNG
- GIF
それ以外は表示出来ないと思ったほうがいいでしょう例外的な形式もありますが、あくまでもこの3つだと思ったほうがいいです。また、 iPhone で採用されている HEIC形式の画像はそのままではウェブ上利用できません。JPEGへの変換が必要になります。
