グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ - ICS MEDIA
グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ 『Squooshスクーシュ』というGoogleが開発した画像圧縮ウェブアプリがあります。ブラウザで変換結果を見ながら圧縮設定ができるので、画像圧縮の難しい知識を持たない方でも使いやすいことが特徴です。圧縮だけでなく、WebPなどの各種フォーマットへの変換・リサイズといったこともできる便利ツールです。 このSquooshをNode.jsで扱える『libSquoosh』が存在します。libSquooshは大量の画像を一括で圧縮、WebPへの変換、リサイズなどの処理をこれ1つで完結できるのがポイントです。昨今のウェブはページの読み込み時間が重視される傾向があります。画像のファイルサイズは読み込み時間に大きく影響するため、画像圧縮は重要なテクニックです。libSquooshをwebpack・Viteと
ファイルサイズが調整されたダミー画像を作成する方法
ファイルサイズが調整されたダミー画像を作成する方法 単純にダミー画像が必要であれば、様々なWebサービスが公開されているのでそれらを利用するのが簡単です。国内のサービスであれば、 placehold.jp が有名ですね。国内サーバーで運営されているので、レスポンスが良く快適です。 Placehold.jp｜ダミー画像生成 モック用画像作成 http://placehold.jp/ 例えば、以下のようにするとダミー画像を取得できます。 <img src="http://placehold.jp/30/8aafff/ededed/400x150.png?text=hostingstock.net" alt="" /> 類似サービスが多数あります。 Placehold.it - Quick and simple image placeholders http://www.placehold.it
JavaScript製の顔認識ライブラリがすごい | DECONCEPTER
JavaScript製顔認識ライブラリを紹介します。 試してみたところ想像以上に精度が高かったので驚きました。横顔や傾けた顔の認識は難しようですが、正面の精度がすごい。 auduno/clmtrackr デモは画像の顔認識トラッキング（Tracking in image）ビデオの顔認識トラッキング（Tracking in video）認識顔に別の顔を乗せてマスキング（Face masking）認識した顔のデフォルメ（Face deformation）の4つがあります。 デフォルメとマスキングが特に面白いのでお試しあれ。 ちなみにおっぱいを顔として認識してもらおうとしたら怒られました。
PHP GDライブラリで画像のサムネイルを作成 - どうにかなるBLOG
PHPが使えるなら、大体どこのレンタルサーバーでもGDライブラリくらいは用意してる。こいつを使えば、画像のサイズ変更が簡単にできて、例えば携帯用の画像をサイズをその場で縮小して表示とか、アップロードした写真データのサムネイルファイルを一発で作成とか。 とまぁ、偉そうに言いながら実は、さっき初めて触ったばかりなんだけど（笑）、 ちょっといじってみた感触を忘れないうちにメモっておくよ。 GDを使った目的は画像の縮小。 実は前の記事でファイルのアップロードの仕方をメモったんだけど、 アップロードしたファイルの縮小ファイルを作るのにGDを使った。 んじゃまずは画像の読み込みから $file_path = "ファイルパスまたはURL"; $image = ImageCreateFromJPEG($file_path); //JPEGファイルを読み込む $image
2枚の画像のdiff（差分）を超簡単に調べる方法 - 昼メシ物語
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像（diff.jpg）が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合（＝diff.jpgは黒一色の画像） $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
23 Most Popular jQuery Photo Gallery and Slider Plugins
In this post we take a look at 23 of the best jQuery plugins that will allow you to easily build a feature-rich image gallery ( a number of plugins support various multimedia formats like video and Flash). There are a lot of technologies available for developers. Sometimes, you have a large collection of images in your website that you can make fashionable content as image sliders. . 1. jquery ima
OpenCVを使って画像の物体認識をするPerlモジュール作った - spiritlooseのはてなダイアリー
作った。 http://search.cpan.org/dist/Image-ObjectDetect/ http://d.hatena.ne.jp/darashi/20070223/1172232765でRubyの拡張ライブラリを公開されていたので、こりゃやらなくちゃ・・・と思った次第です。すみません。 こんな感じで使えます。Imagerで顔を囲んでみた。 #!/usr/local/bin/perl use strict; use warnings; use Imager; use Image::ObjectDetect; my $file = 'picture.jpg'; my $image = Imager->new->read(file => $file); my $cascade = '/usr/local/share/opencv/haarcascades/haarcascad
PHPで画像のリサイズ等が簡単に行えるクラス:phpspot開発日誌
PHP Image Resizer Class : Milaju PHPで画像のリサイズ等が簡単に行えるクラスが公開されています。 こうしたライブラリは同様のものが存在するのですが、便利そうなので公開。 次のように実装時に分かりやすいコードでかつ簡単にリサイズが可能です。リサイズだけではなく、クオリティやmaxサイズといったオプション指定も出来るようになってます。 require_once('class.imgsizer.php'); $imgSizer = new imgSizer(); $imgSizer->type = "width"; $imgSizer->max = 100; $imgSizer->quality = 8; $imgSizer->square = true; $imgSizer->prefix = "sml_"; $imgSizer->folder = "_siz
WEB上で画像のリサイズ/回転/切抜き等が可能になるPHPのオープンソース「PHP Image Editor」:phpspot開発日誌
Edit images directly in your CMS. Now as a plugin for Joomla 1.5. - Picture Editor, GD, PHP, Open Source, GPL WEB上で画像のリサイズ/回転/切抜き等が可能になるPHPのオープンソース「PHP Image Editor」が公開されています。 そのまま使ってもいいですし、CMSなんかの組み込み用に使ってもよさそう。Joomlaのプラグイン形式でも公開されています。 指定サイズにそのままリサイズする機能 左右に９０度回転する機能 範囲を選択して切り抜く機能 明るさとコントラストを調節する機能 デモを使ってみると結構便利でしたので試してみましょう。 関連エントリ オープンソースの便利PHPスクリプトまとめサイト「Open Source PHP」 オープンソースGoogleAnalytic
PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」:phpspot開発日誌
WideImage - An open-source PHP library for image manipulation PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」のご紹介です。 PHPからGDを使えばリサイズや切抜きは比較的簡単に出来るものの結構面倒だったりします。 そこで、WideImageを使えば、次のようにオブジェクト指向で簡単に、あとで見ても理解しやすいコードで記述可能です。 WideImage::load('big.png')->resize(50, 30)->saveToFile('small.jpg'); // big.png を読み込んで50x30ピクセルにリサイズしてsmall.jpgに保存 WideImage::load('pic.jpg')->crop('center', 'center', 90, 50)->o
こいつは便利！好きなサイズのダミー画像が動的に作れる『Dummy Image』 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
#golang 画像ファイルをbase64 encode/decode するには
seotemplate.biz
軽い・簡単・無料の三拍子が揃った、すべてのOSで使える画像編集ソフト『Pinta』 | ライフハッカー・ジャパン