【Flutter】内側から理解する crop_your_image パッケージ
2021/5/11 に最初のバージョン 0.0.1 を公開してからかれこれ 3 年近くが経過し、ようやく 2024/2/11 に stable 版として 1.0.0 が公開できましたので、改めて crop_your_image の紹介をできればと思います。 紹介記事は以前にも書いているので重複する部分もあるかもしれませんが、この記事では パッケージの使い方とその特徴 パッケージを開発して得られたこと パッケージのこれから について書いていきたいと思います。 crop_your_image を使おうと検討している、使っていてもっと使いこなしたい、という方だけでなく、パッケージ作り自体に興味のある方にとっても有用な記事になることを目指して書こうと思いますので、ぜひ読んでみてください。 パッケージの使い方 まずは crop_your_image がどのようなパッケージなのかを見ていきたいと思いま
ファイルサイズが調整されたダミー画像を作成する方法
ファイルサイズが調整されたダミー画像を作成する方法 単純にダミー画像が必要であれば、様々な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
Google、画像をドラッグ＆ドロップで圧縮するWebツール（PWA）「Squoosh」公開 - ITmedia NEWS
Googleが、ドラッグ＆ドロップで画像を圧縮するWebツール「Squoosh」を公開した。同社のWeb向け画像フォーマット「WebP」だけでなく、Mozillaの「MozJPG」などにも変換できる。 米Googleは11月12日（現地時間）、Web開発者向けカンファレンス「Chrome Dev Summit」で多数の新機能を披露した。その中から一般ユーザーにも便利な画像圧縮Webアプリ「Squoosh」を紹介する。 Squooshは、画像をドラッグ＆ドロップするか選択することでファイルサイズを圧縮するProgressive Web Apps（PWA）。「WebAssembly」でコーディングされており、非常に高速だ。 サポートするフォーマットはWebP、JPG（MozJPEGも）、PNG（OptiPNGも）。 PCおよびモバイルの「Chrome」ブラウザの他、米Appleの「Safari
Google Chrome Labsが公開したWebPにも対応する画像圧縮Webアプリ「Squoosh」を使ってみた
Google Chrome Labsが、オープンソースで誰でも利用が可能な画像圧縮Webアプリ「Squoosh」を公開しました。Googleが開発した静止画フォーマット「WebP」に対応して高い圧縮率を実現しているというSquooshでどのぐらい画像ファイルの容量を小さくすることができるのか、実際にやってみました。 ?? https://t.co/sCMU33lR1G - make images smaller using best-in-class codecs, right in the browser.— Jake Archibald (@jaffathecake) Squooshの使い方は極めて簡単で、以下のリンク先にブラウザからアクセスするだけ。ホーム画面に画像をドラッグ＆ドロップで読み込ませるか、「Select an Image」をクリックして画像ファイルを指定すれば、ファイル
【修正あり】jsとcanvasで画像の容量を落とす - MATz Tech
【2017/5/1】 修正加えたその2書きました。 matz.hatenablog.jp 【2017/4/2修正】 phpのソース載せてなかったので、追記しました。 phpで画像アップロードしたいけど、最近のiPhoneのカメラとか画質良いので容量オーバーしちゃいますよね。 まあphp.iniで「post_max_size」とか触ればいいんですけど、なんせ重いです。 それなら、クライアントで容量落としてから上げれば良いじゃん！ってことでこちらの方法！ htmlはこんな感じです。 <form action="" method="post" id="imageForm"> <img src="" id="preview" /> <canvas id="canvas"></canvas> <input type="file" id="imageSelect" onChange="canvasDr
Pica - Canvasよりも高品質、かつ高速な画像リサイズライブラリ MOONGIFT
HTML5のCanvasとJavaScriptを使うことによって画像をクライアントサイドで加工できるようになりました。特に多いのが縮小に関するニーズです。スマートフォンで撮影した画像はサイズが大きいので、転送にかかる時間や帯域の問題があります。そこで事前に縮小するのです。 しかし縮小した時の画像の品質はブラウザに依存してしまいます。それを防ぎ、より高品質にリサイズできるのがPicaです。 Picaの使い方 Picaの例です。細かくリサイズ時の設定ができます。 任意の画像で試せます。 独自の縮小アルゴリズムによって、高速かつ高品質なリサイズが実現しています。処理はWebGLとWebWorkerを利用について指定できます。Canvasで単純に縮小すると潰れてしまったり、シャギーが目立つような部分もPicaを使うと滑らかに縮小されているのが分かるはずです。 PicaはHTML5/JavaScri
JavaScriptで画像処理するなら「Jimp」が便利 | 綺麗に死ぬITエンジニア
現在JavaScriptは、ブラウザで使用されるのはもちろんのこと、サーバーサイドでWebサーバーとして動作したり、はたまた開発者のPCで各種開発ツールとして動作したりしており、様々な場面で利用されています。 そこで今回は、そのどちらでも使える、Node.jsとブラウザJavaScriptの両方に対応した画像処理ライブラリ「Jimp」を紹介したいと思います。 「Jimp」とはJimpは、外部またはネイティブの依存関係が全くない、完全にJavaScriptで記述されたNode.js用の画像処理ライブラリです。ライセンスはMITライセンスで、オープンソースで開発されています。 以下のnpmコマンドでインストールできます。 var Jimp = require("jimp"); // "lenna.png"を開く Jimp.read("lenna.png", function (err, len
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
100年前ロシアで撮影されたカラー写真 : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2010/10/16(土) 18:56:16.41ID:0OzKJSRj0 俺のデジカメより高解像度・・・ 4：以下、名無しにかわりましてVIPがお送りします：2010/10/16(土) 19:00:10.93ID:0OzKJSRj0 記事元 http://gigazine.net/index.php?/news/comments/20100823_russia_in_color/ この写真を撮影したのは、ロシア帝国時代の写真家・セルゲイ・プロクジン＝ゴルスキー（1863～1944）。 カラーフィルムが発明される以前に撮影されたということが信じられないほど 色鮮やかな景色がそこには収められています。 6：以下、名無しにかわりましてVIPがお送りします：2010/10/16(土) 19:04:58.17ID:qQ3CUDdk0 すっげー ３
グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum
このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる
日本十進分類法のデスクトップ壁紙はいかがでしょう - やわらか図書館学
壁紙Nippon Decimel Classification.大学の授業でこの名前を聞いて「かっこいいなぁ」と思ってから久しいですが、そんな素敵な英語名を持つ日本十進分類法のデスクトップ壁紙を作成してみました。ちなみに分類法の内容は、ほぼwikipediaを元に作成してますので、間違いがありましたらご容赦いただくとともにwikipediaを修正いただければと思います。（←図書館スタッフにあるまじき態度）（サイズは1280*1024で作成しています。）カウンター上のPCの壁紙に設定して、利用者のレファレンスに利用。業務で使っているPCの壁紙に設定して、業務に活用。図書館職員採用試験の勉強のための暗記に活用。インテリアに。などなど使い方はあなた次第！「そうは言ってもデスクトップにいろいろアイコンがあって、文字が全然見えないよ〜」という方は、いっそのことアイコンを全部捨ててみたらどうでしょう。
Darkroom
Settings Recovery link GMail Yahoo MSN AOL Other Open page Language Theme sharpen resolution dull resolution color areas Save Cancel Ask MugTug E-mail: Message or Question: Send Cancel At MugTug, we’re committed to our users. Your privacy is important to us, as is the integrity of your computer. To better protect your privacy we provide this notice explaining our software development and online in
4chan
Karami Zakari: Boku no Honto to Kimi no Uso Ch.32 Raws Dump Thread: Hello, here's your biweekly dose of cucky manga raws. Enjoy. >who the fuck asked for this? ... /asp/ - Aspiring Vtubers and Startups: What is /asp/? A thread for aspiring vtubers! Whether your goal is to make the journey as an indepen...
凄い！オンラインで内容を保ったまま画像のリサイズ等を行える「resizr」:phpspot開発日誌
resizr オンラインで内容を保ったまま画像のリサイズ等を行える「resizr」。 resizrは画像の伸縮でのリサイズを行わず、コンテンツの内容が可能な限り保持されるようなリサイズをオンライン上で行えます。 ためしにリサイズしてみたところ。 左図は画像なんですが、右図のように、ウェブページの幅を変えたように、形を崩さずにリサイズされています。 これを使えば、どんな画像であっても文章などの部分を見難くすることなく、指定の幅にまるめることが出来るので便利です。 ブログへの貼り付け画像にも活用できるかもしれませんね。 画像の一部分を切り抜く他、通常のリサイズも行えるなど、簡単な画像編集ツールとしても使えます。 もちろん、加工した画像はローカルに保存することが出来ます。
Stockvault.net | Free Stock Photos & Free Images | Share and download
Need Stock Photos for your next Project? We are a free stock photo community where photographers & artists can share their own photos and artwork with people from all over the world. We offer thousands of pictures and illustrations of people, animals, buildings and street photography, beautiful landscapes, plant & flower photos, objects from computers & electronics to food images and jewelry photo
PHP でグラフを作る (gd/JpGraph編)
インストール手順 (スーパーユーザーで作業） # gzip -dc zlib-1.1.4.tar.gz | tar xf - # cd zlib-1.1.4 # ./configure （ダイナミックライブラリを作りたければコマンドラインオプション --shared を指定しておく） # make # make install # gzip -dc libpng-1.2.7.tar.gz | tar xf - # cd libpng-1.2.7 # cp scripts/makefile.OS Makefile （OS は、インストールする OS のタイプを指定：linux, solaris ...） # make # make install # gzip -dc jpegsrc.v6b.tar.gz | tar xf - # cd jpeg-6b # ./configure --ena
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://fileman.rakurakuhp.net/UserFiles/15288/Image/1268672858.gif
HeartRails Capture | サムネイル画像／PDF ファイル作成サービス
完璧画像検索
2ch全AAイラスト化計画
