UI Faces | Free AI-generated avatars for your creative projectsFree ✨ AI-generated avatars for your creative projects A growing library of free, AI-generated, high-resolution avatars for design mockups, thoughtfully curated to suit all your creative needs
Generate dummy images for testing file upload - Pixelastic
Today, I needed to test a file upload mechanism, and needed a bunch of different files, to be able to test that the max file size, max/min file dimensions and image type where correctly checked. I asked my good friend the command line and came up with the following command to generate the needed files. $ dd if=/dev/urandom of=1mo.binary count=1024 bs=1024 1024+0 records in 1024+0 records out 10485
Google Chrome Labs、WebPにも対応したオープンソースの画像圧縮Webアプリ「Squoosh!」を公開。 | AAPL Ch.
Google Chrome Labsがオープンソースの画像圧縮Webアプリ「Squoosh!」を公開しています。詳細は以下から。 Google Chrome LabsのJake Archibaldさんは現地時間2018年11月12日、Googleが開発している画像フォーマット「WebP」にも対応したWebベースの画像圧縮ツール「Squoosh」を新たに公開したと発表しています。 🎨 https://t.co/sCMU33lR1G – make images smaller using best-in-class codecs, right in the browser. — Jake Archibald (@jaffathecake) 2018年11月12日 Squoosh! Squoosh is an image compression web app that allows you
Railsで運用しているサービスの画像配信をAWSスタックからCloudinaryに移行した話 | スペースマーケットブログ
こんにちは、先週末に宮城県で開催されたツール・ド・東北というサイクリングイベントで100km走ってきて全身筋肉痛の状態で記事を書いているエンジニアの小林です。 先日、スペースマーケットがサービス上で表示している画像を、AWSのS3をオリジンサーバとしてCloudFrontをCDNとして配信する構成からCloudinaryという外部サービスを使って配信する構成に変えました。今日はCloudinaryの紹介とどうやって移行したかの話をしたいと思います。 Cloudinaryの紹介 on the flyな画像変換 Cloudinaryはホスティング型の画像配信サービスでCloudinaryのストレージに画像をアップロードするだけでクライアントの要求(URLに条件を指定する)に応じてon the flyに画像を変換して返することができるようになります。 オリジナルの画像のURLがこちらだとします。
JavaScript(ES2015&React)で画像を扱う：リサイズとプレビュー表示 - dackdive's blog
はじめに web サイト／アプリケーションで画像のアップロード機能などを実装する場合、 最近のスマホのカメラで撮影した画像はサイズが数 MB にも及ぶので、あらかじめクライアント側で送信可能なサイズまで縮小する必要があります。 今回はそのような画像のリサイズの実装方法を整理しつつ、サンプルコードを React で書いてみます。 冒頭に画像のリサイズについて色々書いてますが、結論としては便利なライブラリでよしなにやってくれるので実装方法だけ知りたい場合は読み飛ばしてください。 JavaScript で画像を扱う際の基本 まず、JavaScript で画像ファイルを扱うにあたっての非常に基本的な話。 <input type="file"> 要素で選択した画像ファイルのデータを取得し、プレビュー表示するには以下のようにします。 class ImagePreviewer extends React
ダミー画像生成の真打ちとも言える高性能がすごい！オンラインなのにオフラインでも利用できてしまう -satyr.io
ダミー画像の無料サービスはいくつかありますが、真打ちとも言える高性能なダミー画像が利用できる無料オンラインサービスがリリースされました。 ダミー画像はレスポンシブ対応、可変画像や高さが不揃いの画像にも対応しています。しかもオンラインなのにオフラインでも利用できてしまう優れものです。
Best Rails Image Uploader Paperclip vs. Carrierwave vs. Refile
Everybody that has ever implemented file upload by hand in a Rails app knows that it’s no cakewalk, not to mention a major security risk. That’s why we use gems to handle file upload for us! But often it’s hard to decide which one to choose for your project. There are three major file uploader gems in the Rails ecosystem, namely, Paperclip, CarrierWave and Refile. These gems upload and catalog fil
フロントエンドがサーバー負荷を抑えるためにできること - アニメイトラボ開発者ブログ
はじめまして、アニメイトラボのフロントエンドエンジニア id:koharusugiura です。 フロントエンドエンジニアとして働いていると、いかにサーバーサイドに負担を掛けずに処理を行うかについて考えることも多いと思います。 そこで今回は、サーバーに画像の転送を行う前にクライアント側で画像加工をする話について書きます。 この記事は animateLAB Advent Calendar 2015 15 日目の記事です。 qiita.com JavaScript で画像処理を行う ウェブアプリケーションで画像ファイルの加工が要件にある場合、サーバー側で画像加工を処理するケースが大半だと思います。 しかし、データ通信のことを考えると、最適な考え方とは言えない気がしています。 近年、日本のインターネット回線の速度は大きく向上しているとはいえ、モバイルデータ回線はまだまだ速度的に完璧とは言えません
ngx_mrubyを使った簡単な画像変換サーバを数分で実装してみた - 人間とウェブの未来
2日前にmrubyの画像変換mrbgem下さいとつぶやいて、その後2日以内にgdとMagick++のmrbgemが開発されるこのスピード感がmruby。 https://t.co/RzTZJsX9vP https://t.co/4YkJ2PwISQ— MATSUMOTO, Ryosuke (@matsumotory) 2015, 4月 25 というように、mrubyで画像変換してみたいなーと呟くとあっというまに画像変換mrbgemが開発されてしまうmrubyですが、そのままでは呟いた当事者としてなんだか申し訳ないので、ngx_mrubyを使ってサクっと画像変換サーバができないか試してみました。 結論としては、簡単なものはサクっとできてしましました。以降では作り方を簡単に紹介します。 こういうのが数分でできてしまうのがmod_mrubyやngx_mruby、さらにはtrusterdの良さです
写真サービス機能のブラウザ内実装 | 株式会社サイバーエージェント
2-1. リサイズ処理 Figure 2. Mobile Safariによる画像アップロード画面 最終成果の画像データを、サーバーサイドAPIにPOSTすることがゴールである。Androidにおいて、XMLHttpRequestでBlobをリクエストに設定しても空のボディで送信される問題がみられるため、今回はBase64 encoded DataURIとしてPOSTすることにしている。 2-1-1. 基本実装 ƒ 今回のリサイズ処理では、Canvas要素とFile APIを利用する。基本方針としては、inputtype='file'のchangeイベントから、Fileオブジェクトを取得し、それを一度Canvasに書き出すことでリサイズを試みる。最終的には、canvas.toDataURL() によってDataURIを取得する。 下記に、基本実装のサンプルを示す。( http://co
Iconfinder: 画像データの重複チェックのアルゴリズム - ワザノバ | wazanova
http://blog.iconfinder.com/detecting-duplicate-images-using-python/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約5時間前 Iconfinderは以前、500 Startup Fundのデモdayでプレゼンするのを見た記憶があります。それから資金調達もできたようで、無事生き残ってますね。 アイコン等の画像ファイルの検索 & 販売をするサイトですが、悪いユーザがIconfinderから画像をダウンロードした後に、そのまま、もしくは多少改変して、Iconfinderにアップして販売しようとする不正行為があるようです。その対策のための検知アルゴリズムについてブログで紹介しています。 一般的な画像データをハッシュ化するアルゴリズムでは、画像のごく一部
ClippingMagic
Trained on millions and millions of real world images, not artificial lab data, the Clipping Magic Auto-Clip AI background remover handles so much more than just a few cherry-picked foreground categories. And the learning hasn't stopped. As the AI background editor is exposed to more and more photos, its ability to handle yours continues to improve. The only background removal editor in the world
srcset 属性に対応した Chrome ベータが公開、レスポンシブイメージ対応が可能に
先月末の話ですのでちょっと乗り遅れ感はハンパないですが、Google Chrome の最新ベータ版、Chrome 34 が公開され、srcset 属性への対応が明らかにされました。 Chrome 34: Responsive Images and Unprefixed Web Audio ： Chromium Blog Chrome Browser Beta 去年の夏に Webkit が Nightly Builds で srcset 属性をサポートした時から 議論されていたものが実際に実装されましたというお話。 srcset 属性は、img 要素の属性として使用することで、高精細ディスプレイ （デバイスピクセル比に応じて） 向けや、ディスプレイサイズに応じて画像を出し分けるための属性。所謂、「Responsive images （レスポンシブ イメージ）」 を HTML のみで実現するこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML/CSS to Image API
画像の最適化 | Web | Google Developers
PlantUML Web Server
GitHub - nodeca/pica: Resize image in browser with high quality and high speed
Placehold.it - Quick and simple image placeholders
GitHub - yahoo/blink-diff: A lightweight image comparison tool.
セクシー女優で学ぶ画像分類入門
