「画像」カテゴリーアーカイブ

イメージマップの座標を簡単に取得できるサイト「HTML Imagemap Generator」の使用方法

イメージマップを作成した時、リンクする範囲の座標を指定する必要がありますが、この座標を簡単に取得できるサイト「HTML Imagemap Generator」の使用方法をご紹介します。

HTML Imagemap Generatorの使用方法

  1. 「HTML Imagemap Generator」へアクセスします。
  2. 座標を取得したい画像をドラッグします。
  3. 右上のメニューから「矩形を描く」、「円を描く」、「多角形を描く」のいずれかを選択して画像内の座標を取りたい箇所を範囲指定すれば右側のHTMLに座標が表示されるのでコピペすれば簡単に座標が取得できます。

jpgとpngの違い

このサイトにも記事を書く際に画像を添付する事が多いのですが、「画像の形式ってjpgとpngどっちがいいんだろう・・・」と思いながらも適当に使っていたのでその辺を整理しておこうと思います。他にはgifなどもありますが今はあまり使用される事は少ないでしょうからjpgとpngについてのみまとめておきます。

jpgの特徴

  • 写真やグラデーションのある画像など色数が多い画像の場合の保存に適しています。
  • 透明/半透明の画像は扱えません。
  • 高画質でファイルサイズが小さくなります。
  • 画質が必ず劣化します。

pngの特徴

  • PC画面のキャプチャやイラストなど色数が少ない画像の場合の保存に適しています。
  • 透明/半透明の画像が扱えます
  • ファイルサイズが大きくなりやすい。ただしキャプチャなどのシンプルな画像の場合はjpgよりファイルサイズが小さくなります。
  • 画質が全く劣化しません。