SDWebImageでGifを再生するとメモリ使用量がヤバかったのでFLAnimatedImageを使った - Qiita
SDWebImageは非常に扱いやすいライブラリで重宝していますが、重いGifを再生するとメモリ使用量がヤバいことになります。 UIWebViewにGifを読ませるという方法もありますが、ロードするときにチラついたりするのでイマイチです。 Gifを再生するときには FLAnimatedImage がオススメです。 FLAnimatedImage FLAnimatedImageはFlipboardが公開しているライブラリで実際にFlipboardでも使われているようです。 HOW FLIPBOARD PLAYS ANIMATED ただ、FLAnimatedImage自体はサーバーからのダウンロードには対応していない(?)ようなので 私の場合、GifファイルのダウンロードはSDWebImageを使っています。 #import "FLAnimatedImage.h" #import "FLAni
GitHub - gootara-org/ios-image-util: Generate all size of icon & launch image png files those are required for various version of iOS.
This tiny Java application generate all size of icon & launch image files with PNG format for various version of iOS. Support iPhone, iPad and optionally supports Apple Watch, CarPlay, Mac. To generate images, just drop original icon PNG file (1024 x 1024 pixels recommended) to the window and press "Generate" button. Contents.json and scaled images going to be generated with appropriate filename.
[Xcode 6] Asset Catalog でベクターが扱えるようになりました！ | DevelopersIO
これからはベクターでアセットを管理！？ Asset Catalog では、これまでビットマップ画像しか取り扱うことはできませんでしたが、Xcode 6 からは PDF 形式 と JPEG 形式 がサポートされました。特に新しいのが ベクターが扱えるようになったという点です！ ベクターが扱えるようになったということは、いままでのように Retina や Non Retina で別々の画像を用意する必要がなくなったり、イメージを複数のサイズの View に配置したいときに1つのファイルだけ用意すれば良くなるということです。これはきっとプログラマーにとってもデザイナーにとっても嬉しいことですね！ ということで使ってみました。 Asset Catalog でベクターを扱うには PDF 形式のアセットデータを用意する Asset Catalog でベクターとして認識できるのは PDF 形式のファイル
![[Xcode 6] Asset Catalog でベクターが扱えるようになりました！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b92dfecc1683bd6bd1943840e9d28953e3b81b2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F09%2Ficon-xcode-6.png)
GPUImageでトイカメラエフェクトを作る | idea++
GPUImageとPhotoshopを利用して、トイカメラエフェクトを作ってみましょう。Xcodeで作るカメラアプリ開発入門で作成したプロジェクトを元に、トイカメラエフェクトの作成方法を解説していきます。 トーンカーブプリセットを用意する トーンカーブとは、画像の輝度GPUImageとPhotoshopを利用して、トイカメラエフェクトを作ってみましょう。Xcodeで作るカメラアプリ開発入門で作成したプロジェクトを元に、トイカメラエフェクトの作成方法を解説していきます。 トーンカーブプリセットを用意する トーンカーブとは、画像の輝度を調整する為のテクニックです。画像全体の色を補正するものと考えてください。トイカメラエフェクトを作る為にトーンカーブを利用します。まずトーンカーブプリセットを準備します。Photoshopを起動して、適当に画像ファイルを開きましょう。 そして、色調補正ウィ
Flipboard 謹製のパワフルなアニメーションGIF再生エンジン
Modulesの他、iOSの新しいトピックについても多数解説（NSProgressなど）。 What's New in Objective-C and Foundation in iOS 7 | Ray Wenderlich 注目は Modules。 Modu...
ちょー使い勝手が良い iOS7専用イメージキャッシュ
Modulesの他、iOSの新しいトピックについても多数解説（NSProgressなど）。 What's New in Objective-C and Foundation in iOS 7 | Ray Wenderlich 注目は Modules。 Modu...
xcassetsでresizable imageのコードを駆逐する - Qiita
ボタンの背景画像を設定する場合、多様なサイズに対応したりリソース領域を節約するために、横に引き伸ばすことができる以下のような画像を用意することがあると思います。 resizable imageのダルさ こういった画像を引き伸ばすにはUIImageのresizableImageWithCapInsets:(Available in iOS 5 or later)などでUIImageに可変領域を指定するか、UIViewのcontentStretch(Deprecated in iOS 6.0)でUIViewの可変領域を指定するかしていたと思います。どちらもコードで指定すると地味面倒で、可変領域が多いViewではカオスを招きがちです。後者の方はInterface Builderからも設定できたのですが、値を計算するのがダルいという問題を抱えていました。 それがXcode 5で登場したxcasse
iOS - 「顔以外」のものを画像認識する - Qiita [キータ]
iOS SDK では Core Image の CIDetector クラスで簡単に顔認識をおこなうことができます。iOS 7 からは、笑顔やまばたきの検出も可能に なりました。 が、CIDetector は detectorOfType:context:options: というメソッドの第1引数で Detector Type を指定できる設計になっているものの、 Detector Types - CIDetector Class Reference と、4つしか定義されてないので、結局のところ 顔・矩形・QRコード・文字領域しか認識できません。 ##車やロゴや犬やネコを認識する OpenCV には顔検出用の手法として、 Haar分類器 というものが実装されています。 この手法の詳細はここでは省略しますが、この手法は、 顔検出だけでなく、車やペット等、さまざまな対象を検出 するのに広く使用
![iOS - 「顔以外」のものを画像認識する - Qiita [キータ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/376b1be571e65f84e93aa1b9c22dcb6744d9ea3b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzE4MCUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MjczMz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz00NDJlOWJiOTJlNDczZTQ2YmU2NmIxYTQ5MTI3ZDIzMw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D9de1faed9bda523cecd7da0832a3a5ab%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgwJThDJUU5JUExJTk0JUU0JUJCJUE1JUU1JUE0JTk2JUUzJTgwJThEJUUzJTgxJUFFJUUzJTgyJTgyJUUzJTgxJUFFJUUzJTgyJTkyJUU3JTk0JUJCJUU1JTgzJThGJUU4JUFBJThEJUU4JUFEJTk4JUUzJTgxJTk5JUUzJTgyJThCJTIwb24lMjBpT1MmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz00YzliNjg0YTJkNTc3MzQwZWMzY2VjNmNiYjMxOTMyMQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaHUyMjMmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02MWM0NzViYmFmMDUxNjEzM2FmYmYyZmVkMjExMjE2Mg%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g44Ko44Oz44K444OL44Ki44Go5Lq655Sf44Kz44Of44Ol44OL44OG44Kj%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3De7055a35dd243671728763ea4a2864bd)
Exif データにアクセスするコードを自作してみる : DSAS開発者の部屋
Exif (Exchangeable image file format) は現在出回っているほとんどのデジタルカメラや携帯電話・スマートフォン等での撮影画像のファイル形式として利用されています。画像データそのものに加え機器本体や撮影時の設定や環境など多くの情報が記録されることを活かしたソフトウェアやサービスも増えていますね。 先日ちょっとしたアプリを書いていた折に JPEG ファイル内の Exif データを参照する処理が必要になりました。初めての機会だったのでやり方を調べたところ 開発環境向けに用意されたこれこれのライブラリを使うのが常道とのことで、リファレンスを読みながらそういうコードを書きました。プログラムは期待通りに動作しその時はそれで特にどうと言うこともなかったのですが、後日別のプラットフォームで Exif データを利用するアイディアを思いつき、その環境でまた別のライブラリの使い
iPhone 用アプリ「ExifSafe」について : DSAS開発者の部屋
先日の記事 「Exif データにアクセスするコードを自作してみる」 では、よく知られた存在でありながらプログラムを書く際にブラックボックスとして扱われがちな Exif の仕様と構造の整理を行い、既存のライブラリへ依存せずに Exif データを操作することを目的に作成したコードを紹介しました。当初はパーサとしての機能がメインでしたが、後日以下の機能を実装しました。 所定の IFD の削除・追加 Exif タグフィールドの削除・追加・変更 Exif サムネイルデータの取得 また、このコードを実際に使って次のような iPhone 向けアプリを試作してみました。 「ExifSafe」という名前をつけています。 アルバム上の所定の画像に含まれる Exif データを一覧表示 Exif データに GPS 位置情報が含まれる場合はマップで撮影地点を表示可能 画像をメールで送信 Exif データを丸ごと削除
60 fps を実現する超高速イメージキャッシュ
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
画像処理のデファクトスタンダードライブラリGPUImageの基本と応用 - Qiita
iOSアプリ開発で高速に写真や動画にエフェクトを加える事が出来るGPUImageの基本的なパターンと応用方法を理解するためのメモ。 GPUImageライブラリはOpenGL ES2.0をベースとしているため、大抵の場合は処理にCPUを使った場合よりも高速な動作が特徴。その上、複雑な概念を理解する必要があるOpenGLについて知る必要はなく、さらにカメラのためのAVFoundationのフレームワークを触る必要もない。 これはもう画像処理やカメラアプリに使わない理由がないんだけど案外日本語の説明がなかったので調べて行った過程とフィルタの作成方法についてを書いてみた。構成は下記の通り。 GPUImageの基本パターン 用意した静止画像へのフィルタ適用で基本パターンを解説。 カメラでのリアルタイムフィルタリング利用のための基本パターン解説 GPUImageの応用 複数フィルタを重ねがけする オリ
モバイルブラウザでの画像アップロードについて覚え書き
前置き スマートフォンブラウザで画像アップロードしたいという要件があったので、あんまり無理しないで実装できるとこまでやったら、どうなるのかやってみた。 やりたいことは、アップロードに加えて、画像データにリサイズ処理を適用すること。さすがに3G回線で2MB近い画像データを、input[type="file"]でそのまま送りつけるのは無理がある。 某所で書いたブツの要約版なので、某所のほうを見た諸氏はアレでソレして解釈してください : ) サンプルコード 基本方針としては、以下のようなコードで処理することになる。 var elFileInput = document.getElementById('js-select-photo'), elPreview = document.getElementById('js-preview-photo'), createObjectURL = windo
UIImageからOpenGLのテクスチャーを作る （備忘録） - FuturesVision
OpenGL ESは非常に柔軟で強力なAPIを提供してくれています。 しかしその一方でOpen GL ESが非常に柔軟過ぎるが為にどこから取っ付いて良いか分からなくなってしまうのが、その移行への障害になっているように思います。 iOSではUIImageを始めとして非常に使い勝手の良い画像処理用のクラスが用意されています。しかしそれをOpenGLで使おうとすると画像フォーマットの変換やCPUとGPU間のメモリー転送等、考慮しなければいけない課題が多いように思います。 OpenGLで提供されている画像イメージはTextureの概念に拘束されます。従って、iOSで一般的に使用されているUIImageやCGImageとTextureの間の画像フォーマット変換とメモリーの転送の効率は非常に重要な問題になると思います。 調べているうちにiOS5からは便利なクラスが提供されていました。 GLKTextu
CoreDataに画像のサムネイルをバイナリデータで保存する - Qiita
100KB以下のちいさい画像ならCoreDataのモデルにいきなり入れちゃってもOK UIImageをいい感じに四角く切り取って縮小するメソッドをつくる - (UIImage *)cropImageView:(UIImage *)image { // 切り取る float origin_width = image.size.width; float origin_heigt = image.size.width; CGRect cropRect; if (origin_heigt <= origin_width) { float x = origin_width / 2 - origin_heigt / 2; float y = 0; cropRect = CGRectMake(x, y, origin_heigt, origin_heigt); } else { float x = 0;
一度ネットから取得した画像データを端末内にキャッシュを貯める - duyojiぶろぐ
取り敢えずソースコード #define USER_ICON 0 #define APP_ICON 1 #define SCREEN_SHOT 2 @implementation Cache //-------------------------------------------------------------------------------------------- // キャッシュ削除関連 //-------------------------------------------------------------------------------------------- //全キャッシュ削除 + (BOOL) deleteCacheDirectory { NSArray *paths = NSSearchPathForDirectoriesInDomains(NSCach
画像を全画面表示しズームできるようにする | Cyber Passion for iOS
NIPhotoScrollViewを使って実装する 画像を全画面表示してズーム機能もつけたいことはよくあると思います。一から実装するのは大変なので、nimbusのNIPhotoScrollViewを使うと良いでしょう。サンプルコードを用意したので、それを元に解説したいと思います。 https://github.com/stack3/NIPhotoScrollViewSample このサンプルは、nimbusとAFNetworkingの中から必要なソースファイルが追加された状態になっています。 NIPhotoScrollViewは全画面表示とズーム機能がありますが、それだけではありません。最初はサムネイルを表示して、サーバーからオリジナル画像（高解像度画像）をダウンロードしたら、そちらに表示を切り替えることを想定した仕組みもあります。このサンプルもサーバーからオリジナル画像をダウンロードして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Xcode 6で利用可能になった
ベクター画像リソースを
深掘り
GitHub - yfme/UIImageView-PlayGIF: UIImageView category/subclass for playing GIF. Simple, high performance, low memory footprint.
GitHub - ccgus/fmpsd: Flying Meat's classes for reading and writing PSD images.
