タグ

画像に関するyuzu441のブックマーク (4)

  • ImageMagick リサイズ補間アルゴリズム - Qiita

    はじめに ImageMagick は画像の拡大や縮小、いわゆるリサイズ処理を制御するオプションが幾つもあります。 -resize, -thumbnail, -scale, -sample, -resample, -geometry。 これらのオプションと、リサイズのちょっとだけ細かい話をします。 エントリで説明しない事 ImageMagick 初心者がはじめに引っかかる、100x100 を指定したのに 100x100 の画像が出来ない問題は別記事にしました。そちらをご参照下さい。 ImageMagick の Geometry 仕様 https://qiita.com/yoya/items/704fdfbd881f166125d8 あと、少し高度なリサイズとして -distort Resize があります。時間がかかっても質の良いリサイズが欲しい場合にお勧めです。更に、特殊なリサイズとして

    ImageMagick リサイズ補間アルゴリズム - Qiita
  • 1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー

    2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です!今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト! 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj

    1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー
  • 画像の比較をしてズレがないか調べる - それマグで!

    image magick で画像の比較をすることが出来る。 画像の比較をするにはいろいろな方法がある。 目で見てわかりやすい→WEBや校正用 機械的に見てわかりやすい→ダイアログなどプログラムのテスト 画像におおきな影が出る→動体検出 等と大きく分けて使い分けることになると思います。とくに機械学習などで自動化の事前処理に役立つと思います。 元画像1: 1.png 元画像2 : 2.png 機械的に色を見るやり方 比較方法 compare の場合 AE: 異なるピクセル数 PSNR: ピーク信号対雑音比 compare -metric AE 1.png 2.png compare-AE.png metric による違い AEとPSNR の違いを見ておきます。キャプチャ画面はAEの方が良さそう。 AE の例 PSNR の例 metric 一覧を見るには takuya@Desktop$ comp

    画像の比較をしてズレがないか調べる - それマグで!
  • JPEGとGIFとPNGの画像フォーマットの正しい選び方、そして次世代の画像フォーマットWEBPとJPEG-XRの使い方

    ほとんどのデザイナーやイラストレーターは長い経験を通じて、画像をどのようなフォーマットで保存すべきが知っているでしょう。写真ならJPEGで、色数の少ないイラストならGIFなどを使用していると思います。 JPEGとGIFとPNGなどの画像フォーマットがどのような種類の画像に適し、どのように機能しているのか。そして次世代のフォーマットと言われているWEBP, JPEG-XRがどのようなもので、今どのように利用すればいいのかを紹介します。 How to select the perfect image format 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JPEG GIF PNG 画像フォーマットの次の世代(WEBP, JPEG-XR) WEBP, JPEG-XRを今使う方法 JPEG JPEGの別名でも知られるISO 109

    JPEGとGIFとPNGの画像フォーマットの正しい選び方、そして次世代の画像フォーマットWEBPとJPEG-XRの使い方
  • 1