)
ASP.NET 画像の色量子化の最適化
上記の結果は、各構成色値のビットの組み合わせであり、RGB 色の各ビットについて次のように計算されます。 result = red | green<<1 | blue<<2 ; ビットは最上位から最下位に走査されるため、私の例では、最上位ビット (ビット 7)、次の有効ビット (ビット 6) からシフトします。 上記の例では、ツリー内で走査されるノードは次のとおりです。 図 4: 色#6475D6の Octree トラバーサル 前に説明したように、色が Octree に挿入されると、ノードが走査されます。 リーフ ノードが見つかると、この特定の色のピクセル数がノード内でインクリメントされ、赤、緑、青のコンポーネントがノード内の R、G、B の値に追加されます。 これらの数値は、各色の値をその色のピクセル数で割った値に基づいて、平均色を生成するために使用されます。 排除を行わないと、入力イメ
UWP で UIElement の外観をそのまま画像化して PNG ファイルに保存したい - しっぽを追いかけて
アプリロゴの見た目が画面に表示できるようになったら、画像としてファイル保存までいきたい ということで、UWP でコントロールの外観を PNG 画像ファイルに保存してみたいと思います 追加したのは UIElements の拡張クラス namespace Windows.UI.Xaml { /// <summary> /// UIElement extension class /// </summary> public static partial class UIElementExtension { /// <summary> /// Save UI element visual image to ong file /// </summary> /// <param name="element">target UI element</param> /// <param name="filep
無料で二次元画像を人工知能が補完してハイクオリティで1.6倍/2倍に拡大できる「waifu2x」
JPEG圧縮でノイズがのった画像やピクセルサイズが小さい画像は、拡大するとギザギザとジャギーがかかったような表示になってしまうことがあります。そのため、お気に入り画像の拡大画像が見つからない場合は、小さいサイズのまま保存しておくしかないわけですが、「できればこの二次元画像を拡大したい……！」というときに便利な無料サービスが、最新鋭の人工知能技術を使ってギザギザの画像でもノイズを除去してハイクオリティな画質で1.6倍～2倍に拡大できる「waifu2x」です。 二次元画像を拡大したいと思ったことはありませんか？ - デー http://ultraist.hatenablog.com/entry/2015/05/17/183436 waifu2x http://waifu2x.udp.jp/ waifu2xは、最新鋭の人工知能技術「Deep Convolutional Neural Networ
フーリエ変換と画像圧縮の仕組み
第2回 プログラマのための数学勉強会で発表した資料です http://maths4pg.connpass.com/event/11781/Read less
JPEG画像の約半分のファイルサイズで同品質のものを表示できる画像形式「BPG」が誕生、実際に使ってみるとこんな感じ
同品質のJPEG画像と比較するとファイルサイズを約半分以下に縮小できる新しい画像形式が「BPG」で、FFmpegやJavaScriptだけで動くLinux「JSLinux」などを開発したFabrice Bellard氏が開発した画像形式です。ただサイズが軽いというだけではなく、グレイスケール・YCbCr＝4:2:0・4:2:2・4:4:4・RGB・YCgCo・CMYKなどの色空間をサポートし、アルファチャンネルや可逆圧縮にも対応しています。 BPG Image format http://bellard.org/bpg/ BPGが他の画像形式と比べてどれくらい優れているのかを比較できるのが以下のページ。2種類の画像形式で同程度のファイルサイズの画像を表示させており、「mozjpeg」とBPGとで同じ画像を比較すると、BPG画像の鮮明さが際立ちます。 BPG Image Comparison
HTML5のcanvas内に複数の画像を任意の順序で表示する - Qiita
概説 HTML5のcanvas内に1枚の画像を表示するのは簡単です。 複数の画像を表示するのも結構簡単なのですが、これを任意の順序で表示しようとするとちょっと工夫が必要でした。 まずは1枚の画像を表示してみます。 <body> <canvas id="canvas" width="600" height="400"></canvas> <script> (function() { var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); var image = new Image(); image.src = '1.png'; image.addEventListener('load', function() { context.drawImage(image, 0, 0,
Windowsストアアプリで複数の重なり合った画像をRenderTargetBitmapクラスを使って合成して1枚の画像を作成する - 酢ろぐ！
今日起きたら @salvare777 さんから以下の質問を頂いておりました。 @ch3coohはじめましてブログを拝見してもしかしたらなと思い質問させてもらいます。 詳しい説明が必要な場合は説明いたします 現在ストアアプリの開発を行っているのですが、（続く） 2014-02-15 04:51:39 via web to @ch3cooh @ch3coohいくつかの小さい画像データを合成し画像を生成しようとしているのですがwriteablebitmap.blitでは千の処理は負荷がかかるようで他にストアアプリで使用できる方法があればご教示お願いしたいです。知識としてはC#しかないため手詰まり気味です･･･ 2014-02-15 04:52:14 via web to @ch3cooh @ch3cooh えと、合成というよりは 大きいbitmapに小さい画像データを順番ずつ描画していって画像を
PNG を自力で読んで表示しよう その１ - 雑念日記
この記事の内容に関するコードはこちら → display PNG image withou using PImage. PNG 画像の構造を整理しつつ、（ある程度）自力で表示する試み。 車輪の再発明？Ｎ番煎じ？なんぼのもんじゃい！ PNG の基本 PNG 画像は最初の 8 バイトを除いてチャンクという基本要素から成っています。 謎の 8 byte チャンク 1 チャンク 2 ... チャンク N チャンク チャンクにはいくつかの種類がありますが、すべて以下のような構造をしています。 4 byte length 4 byte type(name) N byte data 4 byte CRC 最初の 4 バイトは当該チャンクのデータ部の長さを保持しています。 次の 4 バイトはチャンクのタイプ（後述）を保持しています。 次は length に記録されていた長さ分だけ、チャンクデータを保持して
アップロードした写真（画像）が回転して表示されるのを直す方法 - Qiita
iPhoneからWebでHTMLのフォームから写真をアップロードしてもらったときなど、画像が回転して表示されてしまう場合があるようです。原因はExifのOrientationの値が「1」以外になっていること。 画像の向きの情報がExifに埋め込まれているけれど、ファイル自体は回転していない（＝撮影した向きになっていない）ために表示がおかしくなるのです。 ブラウザーの仕様によりますが、ExifのOrientationの値を無視して、ファイルを表示しようとすると撮影した向きとは合わない表示になってしまうことになります。 解決するには、アップロードされたときにExifのOrientationを見て、サーバー側で画像を回転させてしまうのがオススメ。回転して、ExifのOrientationの値を正しい向きに補正します。 以下、PHPのimagick拡張を使った場合の例。 <?php $imagic
［ウェブサービスレビュー］PNGのほかJPGやGIFにも対応したオンライン画像圧縮サービス「PunyPNG」
内容：「PunyPNG」は、画像をアップロードするだけでファイルサイズを圧縮できるサービスだ。名前からしてPNGの圧縮専用のサービスと思われがちだが、JPGおよびGIFの圧縮にも対応したオールマイティな画像圧縮サービスだ。 「PunyPNG」は、画像をアップロードするだけでファイルサイズを圧縮できるサービスだ。名前からしてPNGの圧縮専用のサービスと思われがちだが、JPGおよびGIFの圧縮にも対応したオールマイティな画像圧縮サービスだ。 使い方は簡単で、トップページの「UPLOAD IMAGES」をクリックして画像ファイルを指定するだけ。自動的にアップロードおよび圧縮が行われ、圧縮後のファイルサイズが表示される。あとは必要に応じてダウンロードするだけだ。 サービスとしては有料のPRO版に重きを置いているようで、フリーで使う場合には機能にいくつかの制限がある。ひとつはアップロードできるファイ
Compress Image online
Select up to 10 images at a time from your desktop computer or device. Or just drag and drop files to the drop area. Select a compression level (%), then activate the compression with the button. Download compressed images one by one or get the ZIP files. Q : What is the size limit for images ? A : You can upload image up to 9 Mb = 9000 Kb
ざっくりした操作でも意外ときれいに切り抜ける画像編集ウェブアプリ「Clipping Magic」 | ライフハッカー・ジャパン
画像編集ツールで写真の中の物を切り抜くのは少々やっかいな作業ですが、新しいウェブアプリ「Clipping Magic」を使えば一瞬で終わります。切り抜きたい物にある色を塗り、消したい背景に別の色を塗れば、後はアプリが勝手にやってくれます。まず、写真をClipping Magicのサイトにドラッグ＆ドロップ。左上のツールで緑の四角をクリックし、切り抜きたい物の上を塗る、もしくは切り抜きたい物の範囲を選択します。次に、赤の四角をクリックし、背景もしくは消したい範囲を選択します。 記事冒頭の画像を見てもわかるように、対象物をきれいに塗りつぶさず、ざっくりと印を付けるように塗るだけでも、そこそこ細かく選択されます。2つ並んだ写真の左側が作業用、右側が切り抜き後のプレビューなので、納得いくまで切り抜きの範囲を変更することができます。細かく範囲を選択したい時は、ズームツールも使えます。 切り抜き範囲を
ThumbailList - OpenTween Wiki - OpenTween - OSDN
最近の更新 (Recent Changes)2018-06-09Versioning 2014-09-22SourceCode 2014-05-22FeatureComparison 2014-05-10FrontPage 2014-02-16HowToFork ForkedProjects 最新リリース情報opentween (v3.7.1)2023-07-20 02:28 Wikiガイド(Guide)Wikiの文法 リンクの種類と文法 ブロックプロセッサ 拡張文法 サイドバー プロジェクトWikiでの広告設定 サイドバー (Side Bar)このサイドバーについて このサイドバーの編集 サムネイル表示対応サービス一覧更新 (2014/2/16): このページの情報はかなり古く、これを書いた人 (id:upsilon) も更新する気がありません。最新の対応状況は ThumbnailGen
Windowsストアアプリのメディアファイル操作の基礎
はじめに Windowsストアアプリ（以下、ストアアプリ）はコンテンツに集中させるために、影（シャドウ）やグラデーションを用いないレイアウトが推奨されています。 そのため装飾が少ない画面となり、映像や画像などのコンテンツの品質がストアアプリの品質に大きく影響します。今回は文字以外のコンテンツ、画像、動画、音声などのメディアファイルについて扱います。 本記事はXAML＋C#での開発を想定しています。 画像ファイル ストアアプリには、画像を扱うためのAPIが多数用意されています。 今回は、その中から以下のAPIについての解説します。 画面に画像を表示するためのImageコントロール。 画像を含めてファイルを扱うためのStorageFileクラス。 ビットマップデータとして扱うためのBitmapImageクラス。 Imageコントロール以外のコントロールのブラシとして利用するためのImageBr
データURIスキーム - MOL
今回の記事の主題はデータURIスキームとはなんぞいねってことなんですが、簡単に言いますと、このスキームを使うとサーバにリクエストすることなく、ページ内のコードに画像を埋め込むことができるという話です。スキームといえば、このほかにもhttp:、ftp:、mailto:なんてものがありますね。 Webパフォーマンスにとって高コストなものといえば、HTTPリクエストですから、それを使わず画像を表示できるということはこのスキームを使う最大のメリットと言えるでしょう。 てなわけで、実際にどんなものか見てみましょう。例えば、隣にあるこのフィードアイコン はHTMLソースの中ではこんな感じでに記述されています。 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6
MdN Design｜総合情報サイト
スマートフォンに描くグラフィック スマートフォンの本格的な普及にともない、FlashコンテンツをスマートフォンのWebブラウザに移植するという案件は増えていくことだろう。人気のアバターサービスであるアメーバピグもその一つだ。本記事はいくつかの実装方法を挙げて、メリット・デメリットとピグで採用した方法を紹介する。 解説／平松紘典（株式会社サイバーエージェント） BROWSER／iOS、Android キャラクターの作成 ここでは、グラフィックの一部の色・形などがそれぞれユーザーによって恣意的に頻繁に変更されるケースを中心に考え、具体的な実装方法について紹介する。 ケースの具体例としては、キャラクターの新規作成・編集画面がこれに当たる【01】。このようなケースで大きなポイントの一つとなるのが、ボタンタップなどユーザーのアクションから、結果の描画までのタイムラグをいかに少なくするかという点だ。W
svgを使って画像の右クリックによる保存を無効にする
※ie9対策を追加しました まずはこの画像を右クリックしてローカルに保存してみて下さい． 出来ましたか？おそらく，保存のためのコンテキストメニューが存在しなかったと思います．となると，スクリプトを使ってメニューを書き換えているのでしょうか？いいえ，この画像には一切スクリプトを設定していません．さて，どうすればこのようなことが可能なのでしょう？ 実はこの画像，通常のimg要素を使って表示しているわけではありません．HTML5のインラインsvgを使って表示しているのです．HTML5ではsvg（scalable vector graphics）要素を使ってベクタ画像を直接htmlコードに挿入することが可能となっており，ここではsvgの機能を使って画像を読み込んでいます．その為，一般的な画像に対するコンテキストメニューが表示されないのです． いまいちピンとこないかと思いますので，具体的にどのような
【php】twitterのREST APIで画像付きツイートをする at softelメモ
問題 twitterの REST APIの statuses/update_with_media で、画像つきツイートをしたい。 答え OAuthするので、既存のライブラリを使うのが手軽でしょう。 statuses/update_with_mediaで画像付きツイートをするには、いくつか注意が必要。 statuses/update_with_mediaは唯一、他のAPIと違って、upload.twitter.comを使う。画像なしの通常のツイートはapi.twitter.comの方を使うこと。 multipartなPOSTをするので、OAuth認証周りも他のAPIとちょっと違う。 POSTパラメータやクエリ文字列でのパラメータは、OAuthの署名文字列の算出に使用しない。OAuthのためのoauth_*のパラメータのみを使って算出する。 投稿できるファイル最大サイズは、help/confi
Flash Lite 1.1 で画像がずれるバグの対処法チェックリスト – 美術部
Flash Lite 1.1でビットマップ画像(GIF、JPEG、PNG画像)を配置した際に正しく配置されないバグの対処法をリストにしました。 まずこのリストの(1)～(6)を同時に試し、それでもだめなら(7)～(9)をやってみることで大抵解決できる(はず)。 (1)画像をシンボル化する ビットマップ画像をステージに配置したら、シンボル化を行います。 シンボルのタイプをグラフィックに、基準点を右下に設定してください。 (2)画像の大きさを変更する 縦横が奇数 px の大きさの画像の場合、width、height 共に偶数 px になるよう加工します。 (3)配置位置に小数点がないか確認する 小数点があると、補間が行われるためずれが発生することがあります。 (4)縮小・拡大がされていないかを、[変形]タブで確認する 画像の拡大縮小が行われていると配置がずれてしまうことがあります。 ビットマッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Encoder.ColorDepth Field (System.Drawing.Imaging)