縦横比を無視したリサイズをしても違和感のない画像に仕上げることができる画像リサイズ用ライブラリ「Caire」
画像ファイルのリサイズはすべてのピクセルに対して均等に伸縮させるものです。このため、人物や建物が写っている画像に縦横比を無視したリサイズを行うと、被写体のバランスも崩れてしまい、違和感のある画像になってしまいます。画像リサイズ用ライブラリ「Caire」は画像内にある人物や建物などの比率を維持したままリサイズでき、違和感のない画像を作り出せます。 GitHub - esimov/caire: Content aware image resize library https://github.com/esimov/caire 「Caire」はSeam carvingアルゴリズムを使った画像リサイズ用ライブラリです。Seam carvingアルゴリズムはレスポンシブウェブデザインを採用したウェブページのように、画面サイズに応じて画像のリサイズを行うようなコンテンツにおいて、縦横比を無視したリサイ
scroll, resizeイベントの負荷を抑制する
Updated 2015.05.29 / Published 2013.11.21 特定の場所までスクロールしたら要素を表示させたり・動かしたり、またはリサイズに応じてレイアウトを再調整したりなど、JavaScriptではscrollやresizeに応じたイベントが頻繁に用いられますが、これらのイベントは断続的に処理を実行することになるので、制作者の意図せぬ形でユーザ側では負荷の高い処理になっているかもしれません。そこで、ちょっとの工夫だけでこれらのイベントの負荷を抑制できるポイントを紹介します。 スクロール時におけるサンプルコード try { //IE9+, Other Browsers window.addEventListener( 'scroll', sample, false ); } catch (e) { //for IE8- window.attachEvent( 'ons
JavaScript で window リサイズ終了後のタイミングをハンドリングする方法 | DevelopersIO
少し前に社内のメンバーから表題の件について相談を受けたことがあります。その時は「さぁ…、なんか面倒臭そうだし、ちょっと分かりませんわー。」と超絶冷たい応対をしてしまったわけですが、さっきふと閃いたことを試したところアッサリ実現できたので、備忘録としてここに書き記しておくとします。 setTimeout を利用する 先にコードを見てみましょう。こんな感じになります。 var resizeTimer; var interval = Math.floor(1000 / 60 * 10); window.addEventListener('resize', function (event) { console.log('resizing'); if (resizeTimer !== false) { clearTimeout(resizeTimer); } resizeTimer = setTim
WordPressで画像をアップロードするとき元画像をリサイズするプラグイン「Resize Image After Upload」
WordPressで画像をアップロードするとき元画像をリサイズするプラグイン「Resize Image After Upload」 Posted: 2013.08.07 / Category: WordPress / Tag: Plugin WordPressで画像をアップロードするとサムネイルなど縮小した画像を自動で作成してくれますが、元の画像はそのまま保存されます。なのであまり詳しくない人がデジカメの画像をそのままアップしたりすると、サーバーの容量が圧迫されてしまいますね。 「Resize Image After Upload」というプラグインを使えば元の画像もリサイズして保存してくれますよ。
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
画像をドラッグ&ドロップで複数まとめてアップロードし、一括でサムネイル画像に変換できるWebサービス・Batch Thumbnail Generator - かちびと.net
日曜日ですねー。休日を如何お過ごし でしょうか。たまにはWebサービスの ようなものでもご紹介。個人的には あんまり使わないんですが、ちょっと したときに便利かもと思ったので シェアして見たいと思います。 タイトルじゃ全然ピンと来ないと思うんですが、ローカルから画像をまとめてドラッグ&ドロップでアップロードして、ドラッグで一括サイズ調整し、一括DLできる、みたいなやつ。 複数まとめて同じサイズのサムネイルを作成できます。サイズもドラッグで調整可能です。 画面にドロップすればどんどん追加できます。 サイズは一括で変更する。 サイズがOKならボタンクリックでzipでもらえます。 アップした画像はセンターでクロップするか否か、背景やフォーマット(PNG かJPG)の選択も出来ます。 このサービスが凄くいい、というか、CMSの管理画面にあると便利かなって少しだけ思いました。用途は限られそうですけど
あなたのPNGとJPEG画像をまとめて最適化してくれるオンラインサービス -Kraken
PNGとJPEG画像の画質をほとんど損なわずにファイルサイズを軽減してくれるオンラインサービスを紹介します。 Kraken -Online Image Optimization Tool [ad#ad-2] Krakenの使い方は簡単です。 サイトにアクセスし、 Kraken ページ中央のグレーのエリアに、画像ファイルをドラッグします。 ※ドラッグ非対応ブラウザは「Select files from disk」ボタンでファイルを選択します。 ファイルのアップロードが完了すると、すぐに最適化が完了します。
サイト用の画像をブラウザ上で一括で最小化できる「Kraken.io」:phpspot開発日誌
Kraken | Online Image Optimization Tool サイト用の画像をブラウザ上で一括で最小化できる「Kraken.io」 使い方は超シンプルで、「Select Files from disks」をクリックすると、ファイルが複数選択できるダイアログが開くので一括で開くを押すだけで自動でアップロードが始まって、Ajaxで変換され、すぐにダウンロードできます。 複数ファイルの場合はZIPでまとめたアーカイブダウンロードも出来ます すぐにファイルが圧縮されダウンロードリンクと、ZIPで一括ダウンロードボタンが出ます 手元のJPEGで試したところそこまでクオリティは落ちませんでした。 速度に加え、転送料金がかかるサーバではサイズは非常に重要で、これらが簡単にブラウザだけで出来るってのは便利ですね 関連エントリ WordPressでのページ表示高速化の色々まとめ サイトのク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Glorylogic - Desktop Software and Free Utilities for Windows