PICK Pick a bitmap image that you want to vectorize and drag and drop it onto the page. Bitmap images, such as JPEGs and PNGs, are represented as a grid of little squares called 'pixels', each with its own color. PROCESS We analyze, process, and convert your image from pixels to geometric shapes. The resulting vector image can be scaled to any resolution without getting blurry, and can be used to

どうもこんにちは、あんどう(@t_andou)です。 今回はかいどうさん(@odiak_)と一緒に、画像を入れるとそれに似た画像素材を生成してくれるサービスを作りましたので紹介させてください。 経緯 作ったもの 機能紹介 比較 比較1.お皿に何個かのいちごが乗っている写真 比較1-1.StableDiffusionのimg2imgを呪文無しで使った場合 比較1-2.ImageMartで生成したもの 比較2.某魔法の映画に出てきそうな男の人の画像 比較2-1.StableDiffusionのimg2imgを呪文無しで使った場合 比較2-2.ImageMartで生成したもの その他の例 最後に 本記事で利用した画像 経緯 以前、画像生成AIで書き出した画像を配布するサイトを作りましたが、その際に 今後は『検索をするように画像を生成して使うようになる。』そして『生成をするための文章をうまく表現す

宗谷の蒼氷 @azusagakuyuki みなさん お疲れ様です🙇‍♀️ 今日はお仕事が高萩だったので高速乗る前に川尻の海へ 海も空もわたしも...///////♥️ 今晩の「月曜から夜ふかし」 よかったら見てね(öᴗ<๑) pic.twitter.com/yAXVYyTsqF 2021-03-15 17:16:06

「マジでやばい」「何でも切り抜いてくれる」「二次絵もいける」──AI技術を活用し、画像をアップロードすると被写体だけを切り出し、背景を削除してくれるWebサービス「remove.bg」がネット上で話題を呼んでいる。以前は人間のみに対応していたが、動物やアニメキャラクターなども切り出せるようになり、驚きの声が上がっている。 remove.bgは、Webサイト上に画像をアップロードすると、数秒程度で被写体だけを切り出してくれるサービス。オーストリアのAIベンチャー、KALEIDOが開発し、2018年ごろに公開を始めた。詳しい仕組みは明かしていないが、「AI技術を活用して、前景レイヤーを検出し、背景から分離する」（同社）という。

絵心ゼロでもこのレベルよ。ラクガキからリアル画像を生成する｢GauGAN｣が今すぐ試せます2019.06.19 23:0027,357 小暮ひさのり ね？簡単でしょ？ 以前こちらの記事で紹介した、NVIDIAのAIアルゴリズムの一種である、敵対的生成ネットワーク（GANs）という技術を利用した自動描き起こしツール｢GauGAN｣。 以前は動画でのデモに留まっていましたが、現在はWebサイト上でその機能を試せるようになっています。 Image: NVIDIA ResearchImage: NVIDIA Research絵心ゼロで美術1の僕が20秒で描いた作品がこちらです。よーく見るとアナザー地球のようなファンタジーでいびつなパーツもありますけど、これが一瞬にして生成されるって、魔法じみていてもはや驚きしかありません。 画伯、って読んでくれてもいいのよ？ Source: NVIDIA

画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます！ Photoshopのエクステンションとして利用でき、1クリックで背景だけを画像から切り抜くことができます。下記の切り抜きも1クリックだけです。 写真: ぱくたそ Remove.bg for Photoshopの使い方 Remove.bg for Photoshopのインストール Remove.bg for Photoshopの使い方 Remove.bg for Photoshopをさっそく使用してみました。 操作は1クリックだけなので、説明することがほとんどありません。 まずは、画像を用意します。

ネット上での写真の無断使用に写真家たちが怒りの声を上げている。これまで我慢に我慢を重ねてきた彼らも、ついに堪忍袋の緒が切れて使用料の請求や、訴訟を起こすにまで至っている。こうした動きがさらに活発化すれば、安易な無断使用は次第に減っていくだろう。 だが、それまで無断使用していた人たちが写真家に許諾をとって写真を使うようになるか、というとそうはならないだろう。結局、手間やお金がかかるようになれば、単に使わなくなる。それではあまりにも寂しすぎる。 考えうる1つの解決策は、「勝手に使ってほしくない写真家の写真」ではなく、「勝手に使って欲しいと願う写真家の写真」を使うということだ。世界には自由に使用できる写真が無数に存在している。クリエイティブ・コモンズ・ライセンス（CCL）などの緩やかな使用条件のついた写真、CC0のような使用にあたっての条件を設定していない写真、すでに著作権の保護期間が終了したパ

激レアさんを連れてきた。 @geki_rare 明日の #激レアさん は 中1の時に撮った写真が伝説的なバカ画像として拡散され、十年間運命に翻弄されている人😱 交通安全教室で年間300回以上も車に轢かれまくる轢かれ役✨ なぜあの写真が生まれたのかを徹底研究…悲劇と奇跡の連発に #松岡茉優 大興奮‼️ #若林正恭 #いとうあさこ #弘中綾香 pic.twitter.com/Y7bmyKybDY 2018-06-10 20:11:13

ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ（Accelerated Mobile Pages）」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ（Accelerated Mobile Pages）」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト（ICS MEDIA）では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま

Example results on several image restoration problems. We use deep neural networks, but we never train/pretrain them using datasets. We use them as a structured image prior. Deep convolutional networks have become a popular tool for image generation and restoration. Generally, their excellent performance is imputed to their ability to learn realistic image priors from a large number of example ima

2017年10月21日に公開され世界中で話題になった画像拡大ソフト（Webアプリケーション）Let’s Enhanceがリメイクされましたのでご紹介します。 Photoshopよりも凄い無料の画像拡大ソフト 2022年現在は５枚まで無料で使用できます。数年前までは２５枚まで無料で処理できたのですが、トライアル出来る枚数が減ってしまったようです。そこは少し残念。 とりあえず５枚は無料で試せますから気に入ったら、追加処理分を購入して処理することが可能です。 Let’s Enhanceはニューラルネットワークを使用して画像拡大をするWebソフトです。 マジックフィルターと書かれているものがLet’s Enhanceを使用して拡大したもの。 通常のソフトで行われている画像拡大と手法が異なり、最初にポートレートや風景、食品など画像種類やタイプを認識。その上でネットワークを使用し画像タイプごとに自然な

久しぶりのnoteで、字ばっかりでアレですが… 【ブログを書いているすべての人へ】DeNA提示の「ご迷惑料」が２倍以上になった流れ　http://sukina-koto.com/copypaste/ ↑を読んで、書いといたほうが良いと思ったので… 「すっかり過去の話題となっていますが、 WELQやMERYなどDeNA社さんによるコンテンツ無断転用は、 ブログやSNSで情報を発信している人は全て被害者になっている可能性がある 非常に影響範囲の大きい問題です。」 って、本当そう思います。 しかし、今回は、大事件に発展したこともあり、 今回はDeNA側で、画像の無断使用があったかどうかを調べてくれるので まだマシなんですよね。 （検証をDeNA側が行っているという点で、不完全とはいえ…） そもそも画像の無断使用は、DeNAだけが行っているわけではないわけで… また、「無断使用の料金回収」って、よ

TOP  >  WebDesign  >  Webデザインをよりクリエイティブにみせてくれる 複数写真の同時切り替えが可能なグリットスライドショー「CSS Grid Layout Slideshow」 Web上で写真を見せる定番の手法のひとつ、スライドショー。コンテンツを見せるのに利用したり、メインビジュアルに利用したり…とても活用幅が広く便利な存在です。今回ご紹介するのはそんなスライダーを、よりクリエイティブに見せてくれる変則的なスライドショー「CSS Grid Layout Slideshow」です。 グリット上に並べられた複数のイメージを、一気に切り替えることができる美しいスライドショーのフリーCSSソースです。 詳しくは以下 ランダムで大胆な配置に並べられたスライド画像は矢印を押すことで、次の画像へと切り替えることが出来ます。グリットの並び方はスライドごとに異なり、アニメーションと

yoshimo/よしもん @yoshimo_mon 写真をイラスト背景風に仕上げる方法 コツは取り込んだ写真にシャープをかけて情報量を減らす(くっきりさせる 建物に暗い青のグラデーションをかける 背景を抜いて空と雲を手書きで描き加える 植物を彩度高めで描き加える 全体の彩度を調整し、暗い部分はトーンカーブで青色をかけてやる pic.twitter.com/fmOZlkwaoj 2017-06-09 02:19:54

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

追記 この記事を書いた当初はまだIE対応をしなければならないケースが多かったのですが、最近はもうIE対応は考えなくていいかなと思ったので今風の書き方を追記しました。 サムネイルの画像サイズがみんなバラバラ・・・ サムネイルの画像サイズがバラバラだと、どうしても表示に統一感がなくなってしまいますよね。Pinterestのような、サムネイルのバラバラ感を逆に活かしたレイアウトであればいいのですが、使い所が限られてきます。 かといって、複数個ならまだしも何百、何千とある画像をリサイズするのは手動でも自動でも大変…！というわけで、cssで中央部分をトリミングして同じサイズで表示してみましょう！ CSSで画像を中央でクロップして同じサイズで表示する方法 以下が実装用のコードです。「CSS」のタブをクリックして確認してみてくださいね。 方法1：object-fit版 「object-fit」というプロ

ディープラーニングについて研究するGoogle Brainが、高解像度画像を8×8(64)ピクセルに変換した画像から元の画像を推測する技術「Pixel Recursive Super Resolution」を発表しました。 Pixel Recursive Super Resolution (PDFファイル)https://arxiv.org/pdf/1702.00783.pdf Google Brain super-resolution image tech makes “zoom, enhance!” real | Ars Technica https://arstechnica.com/information-technology/2017/02/google-brain-super-resolution-zoom-enhance/ 下の画像の右端が元の「ソース画像」で、これを8×8ピ

シネマグラフ（Cinemagraphs）という手法をご存知でしょうか。シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方や技術自体の難易度は高くありませんし、やる気次第では、ソフトを使って自分で作ることも可能ですので、ぜひチェックしましょう。 動くシネマグラフを使ったサイト、画像まとめ 株式会社 電通クリエーティブＸ http://www.dentsu-crx.co.jp/ 株式会社電通クリエーティブＸのホームページでは、社員や文具が永遠と回るシネマグラフをデザインに取り入れています。 トップページをはじめ、企業紹介から社員紹介、リクルートページ

写真やイラスト、文字などjpg、gif、png画像を扱う中で、「ベクターで画像を編集したい」と思ったことがある方も多いのではないでしょうか。 ベクターを使えば、劣化させずにIllustratorなどで画像の拡大縮小やイラストの色を変えたりできるので便利です。 今回は、jpg、gif、png画像をベクターに変換できる、オススメのオンラインツールをご紹介します。 画像をベクターにするメリット ベクター画像とは「座標にある複数の点と点を結んだオブジェクト」です。 輪郭がはっきりとしており、色の変更や輪郭に線をつける等の作業を容易に行うことができます。 ベクター画像の強みは、データを拡大縮小しても劣化しない点です。看板や大型ポスターなど、大きめのデータの作成や出力に適しています。 画像が重すぎると出力に時間がかかり、スペックによってはメモリのエラーが発生する場合もありますが、ベクター画像は容量が軽

また観光情報のデータベース「観光予報プラットフォーム」と連携し、観光地の基礎情報、混雑情報や、外国人向けのサービス情報なども提供中。今後は、ユーザーの写真投稿機能なども追加予定とのことで、今後ますます楽しみな国産フォトストックサイトのひとつと言えるでしょう。 宮城県 気仙沼港 内湾 Miyagi Inner Bay, Kesennuma Port, METI, CC BY 4.0 International 福島県 さざえ堂 Fukushima Sazae-do Hall, METI, CC BY 4.0 International 福島県 国宝 白水阿弥陀堂 Fukushima Shiramizu Amida-do Hall (National Treasure), METI, CC BY 4.0 International 沖縄県 名蔵湾 Okinawa Nagura Bay, MET