WebDesign/Images をテンプレートにして作成

開始行:
*Webに掲載する画像について ~ ***はじめに Webに掲載する画像は、JPEG, PNGなどの汎用の形式であること... ''幅が数千ピクセル、ファイルサイズにして数MBもある画像を... &small(参考：このページの記事は「画像」すなわち、ラスター... ~ ***画像のサイズを確認するには -Macの場合：画像ファイルを右クリック＞情報を見る -Windowsの場合：画像ファイルを右クリック＞プロパティー ~ ***画像のリサイズを行うには 画像のリサイズを行うにはオンラインツールやスマホ、PCにイ... -方法１. Web上の画像リサイズサービスを使う（簡単・手軽） --''Google Squoosh''：https://squoosh.app/ [[参考：Google Squooshの使い方>https://blog.marswee.com/e... --''Bulk Resize Photos''：https://bulkresizephotos.com/ [[参考：Bulk Resize Photosの使い方>https://freesoft-100.c... -方法２. AdobePhotoshop で「Web用に書き出し」を使う -方法３. [[The GIMP>https://www.gimp.org/]]などのオープン... ~ ***変更するのは「画素数」です -サイズ変更における単位は、''pixel（画素数）''です。mm（... -Photoshopのダイアログの場合、現在の画素数と、変更後の画... ~ ***画像はRGBモードになっていますか？ -画像には、RGBモード(ディスプレイ用)とCMYKモード(印刷用)... -デジタルカメラの画像であれば、そのままで問題ありませんが... ~ ***Webに適した形式で保存します JPEG形式( .jpg)、PNG形式( .png) 、WebP(.webp)、GIF形式( .... -JPEG：細かな色の変化の多い「写真（自然物）」向きです -PNG：スクリーンショットなどの「画像（人工的なもの）」向... -WebP：Googleによる次世代画像フォーマットで、軽くて高速。... -GIF：フラットな塗りの多いイラスト等で、効率よく圧縮がか... //-SVG：上記の４種と異なり、ベクター形式のデータです。拡... ~ ***保存の際のクオリティーについて -JPEG形式では、保存の際に質を落とせば、ファイルサイズを小... -ただし、JPEGは「不可逆圧縮」といって、圧縮の際に捨てた情... ~ ***保存の際のファイル名について -原則として文字は、半角英数と _ (アンダースコア)　- (ハイ... -/ * + ~ . , # % & () などは特殊な意味を持つので使わない... -また、スペースの利用もおすすめできません。単語を区切りた... photoImage01.jpg　photo_image_01.jpg といった形式にして下... -日本語は非推奨です。また、➀（まる１）や、ローマ数字とい... ~ ***画像データに含まれるExif情報 (個人情報が含まれる) につ... スマートフォン等で撮影した写真には、位置情報が含まれる場... -基本的な方法：PNG、GIF形式に変換して保存 PNG形式やGIF形式の画像には Exif情報はありません。したがっ... -Macの場合 --画像をプレビューで開いて変換書き出し ファイル＞書き出す＞フォーマットにPNG形式を指定して書き出... &small(ツール＞インスペクタを表示＞Exifタブ　で情報の確認... --[[ImgeOptim>https://imageoptim.com/mac]]というソフト（... -Windowsの場合 --画像ファイルを右クリック＞プロパティ＞「詳細」タブ 最下部の「プロパティや個人情報を削除」から削除できます。 --[[All About のサイトに記事があります。>https://allabout... -iPhone / Androidの場合：アプリが必要です（無料のものがあ... [[Google:iPhone Exif 削除]]　/　[[Google:Android exif 削... -尚、Facebook、Instagram、Twitter、LINEなど、SNSの最近の... ~ ~

終了行:
*Webに掲載する画像について ~ ***はじめに Webに掲載する画像は、JPEG, PNGなどの汎用の形式であること... ''幅が数千ピクセル、ファイルサイズにして数MBもある画像を... &small(参考：このページの記事は「画像」すなわち、ラスター... ~ ***画像のサイズを確認するには -Macの場合：画像ファイルを右クリック＞情報を見る -Windowsの場合：画像ファイルを右クリック＞プロパティー ~ ***画像のリサイズを行うには 画像のリサイズを行うにはオンラインツールやスマホ、PCにイ... -方法１. Web上の画像リサイズサービスを使う（簡単・手軽） --''Google Squoosh''：https://squoosh.app/ [[参考：Google Squooshの使い方>https://blog.marswee.com/e... --''Bulk Resize Photos''：https://bulkresizephotos.com/ [[参考：Bulk Resize Photosの使い方>https://freesoft-100.c... -方法２. AdobePhotoshop で「Web用に書き出し」を使う -方法３. [[The GIMP>https://www.gimp.org/]]などのオープン... ~ ***変更するのは「画素数」です -サイズ変更における単位は、''pixel（画素数）''です。mm（... -Photoshopのダイアログの場合、現在の画素数と、変更後の画... ~ ***画像はRGBモードになっていますか？ -画像には、RGBモード(ディスプレイ用)とCMYKモード(印刷用)... -デジタルカメラの画像であれば、そのままで問題ありませんが... ~ ***Webに適した形式で保存します JPEG形式( .jpg)、PNG形式( .png) 、WebP(.webp)、GIF形式( .... -JPEG：細かな色の変化の多い「写真（自然物）」向きです -PNG：スクリーンショットなどの「画像（人工的なもの）」向... -WebP：Googleによる次世代画像フォーマットで、軽くて高速。... -GIF：フラットな塗りの多いイラスト等で、効率よく圧縮がか... //-SVG：上記の４種と異なり、ベクター形式のデータです。拡... ~ ***保存の際のクオリティーについて -JPEG形式では、保存の際に質を落とせば、ファイルサイズを小... -ただし、JPEGは「不可逆圧縮」といって、圧縮の際に捨てた情... ~ ***保存の際のファイル名について -原則として文字は、半角英数と _ (アンダースコア)　- (ハイ... -/ * + ~ . , # % & () などは特殊な意味を持つので使わない... -また、スペースの利用もおすすめできません。単語を区切りた... photoImage01.jpg　photo_image_01.jpg といった形式にして下... -日本語は非推奨です。また、➀（まる１）や、ローマ数字とい... ~ ***画像データに含まれるExif情報 (個人情報が含まれる) につ... スマートフォン等で撮影した写真には、位置情報が含まれる場... -基本的な方法：PNG、GIF形式に変換して保存 PNG形式やGIF形式の画像には Exif情報はありません。したがっ... -Macの場合 --画像をプレビューで開いて変換書き出し ファイル＞書き出す＞フォーマットにPNG形式を指定して書き出... &small(ツール＞インスペクタを表示＞Exifタブ　で情報の確認... --[[ImgeOptim>https://imageoptim.com/mac]]というソフト（... -Windowsの場合 --画像ファイルを右クリック＞プロパティ＞「詳細」タブ 最下部の「プロパティや個人情報を削除」から削除できます。 --[[All About のサイトに記事があります。>https://allabout... -iPhone / Androidの場合：アプリが必要です（無料のものがあ... [[Google:iPhone Exif 削除]]　/　[[Google:Android exif 削... -尚、Facebook、Instagram、Twitter、LINEなど、SNSの最近の... ~ ~

ページ名: