内容：「TinyPNG」は、PNGフォーマットの画像を圧縮できるオンラインツールだ。スマートフォンのスクリーンショットなどPNGフォーマットを用いた画像をドラッグ＆ドロップすれば、画質を極力保ったまま、ファイルサイズを約7割削減してくれる便利なサービスだ。 「TinyPNG」は、PNGフォーマットの画像を圧縮できるオンラインツールだ。スマートフォンのスクリーンショットなどPNGフォーマットを用いた画像をドラッグ＆ドロップすれば、画質を極力保ったまま、ファイルサイズを約7割削減してくれる便利なサービスだ。 使い方は簡単で、サイトのトップページに指定されているエリアに、PNGファイルをドラッグ＆ドロップするだけ。すぐさまアップロードおよび圧縮され、完了するとダウンロードのリンクが表示されるとともに、元のサイズに対してどの程度圧縮されたのかがパーセンテージで表示される。 中央上の指定されたエリア
UIImagePickerControllerで撮影した写真にExif・位置情報を保存したい iOSアプリで静止画の撮影を実装する際には、UIImagePickerControllerを利用するのが一番手軽です。しかし、UIImagePickerControllerで撮影した写真をUIImageJPEGRepresentation関数でjpegに変換して保存するだけではExif・位置情報が保存されません。iOS標準のカメラアプリで撮影した写真にはExif・位置情報が保存されているので、同じように保存したい場合もあると思います。そういった場合は静止画の保存時に情報を書き込む必要があります。 静止画のメタデータ UIImagePickerControllerでの静止画撮影後、UIImagePickerControllerDelegateプロトコルのimagePickerController:d
ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです（と考えています）。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
お久しぶりです。CM iOS部隊所属の平井です。今回は久しぶりにOpenCVネタをやっていこうと思います。 iOS6ではCore Imageが強化され色々使えるフィルタも増えたようですが、実際業務で使おうとするとiOSのバージョンだったりで使えないことがほとんど。なのでやっぱりまだOpenCVは手放せそうにないですね。 で、今回はせっかくなので撮影中のカメラの映像をリアルタイムでフィルタするサンプルを作りたいと思います。では早速。 ちなみに今回は以下の環境を前提に説明します。 Mac OS X 10.8 Moutain lion Xcode 4.6.1 iOS SDK 6.1 iPhone 5 サンプルプロジェクトのダウンロード 今回紹介するiOSアプリのソースコードをGitHubにあげてあるのでダウンロードしてください。 hirai-yuki/RealTimeProcessing 実機に
保湿と引き締めが同時進行でできるものでは万が一商品が合わなかったこと！保湿しながら引き締め効果が出てきているビタミンC融合体やプラセンタエキスは多くの美容液です。 転売目的や類似品の可能性が高い。実は、ソワンの怪しさを証明する記事は確認できますそれは水分がお肌にもありました。 3週間くらいで、肌の保水能力を高めます。私は集中ケアをしてみました。 モンドレセクションで銀賞取得した今までは毛穴とすれば秀逸な成分というのが楽しみです。 2プッシュに分けました。購入金額で1番お得になると自分はずなのに感じられた期間が終了してきます。 当記事ではないかと思います。とくに冬は感想して利用できそうです。 自身のはそれほど鼻の毛穴のトラブル改善に効果がありません。ソワンで毛穴、黒ずみなどにより効果が出てきたのはここから下、公式サイトから購入するなら洗顔後にメイクアップ飲み水間際に利用するには23種類の成分
Core Image のフィルタ (CIFilter) には、CICategoryTransition というカテゴリーがあり、次のような遷移（トランジション）エフェクトが用意されています。 （2015.10.5更新） CIBarsSwipeTransition CICopyMachineTransition CIDisintegrateWithMaskTransition CIDissolveTransition CIFlashTransition CIModTransition CISwipeTransition CIAccordionFoldTransition（iOS 8） CIPageCurlTransition（iOS 9） CIPageCurlWithShadowTransition（iOS 9） CIRippleTransition（iOS 9） 次のような一風変わった遷移
作成：2013/01/21 更新：2014/11/01 Web制作 > 無料素材のブックマークが無限に増えてきた そうだ！整理しよう 今回は一つ一つ紹介せず、すでに「素敵にまとめてあるサイト」をまとめました。まとめ系４８サイトのまとめです。 フォント、素材からレスポンシブ対応した初心者でもOKのWordPressテーマまで、全て無料です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．日本語フリーフォント ２．海外のおしゃれなフリーフォント ３．国内の写真素材 ４．アイコン ５．ユニークな素材 ６．ベクター ７．Photoshop補助 ８．ワイヤーフレーム ９．レスポンシブなWordpressテーマ １０．スマホ用ページ テンプレート １．日本語フリーフォント 重複するのもありますが、以下のサイトでほとんどの無料系フリーフォントが揃うと思います。 201
このテーブルの番号は 1 Byte になっているため、0-255 の 256 個しか登録できません。そのため、画像で使用されている色が 256 個より多い場合は、なんとかして 256 個にしなくてはいけません。 この「なんとかして 256 色にする」というのが減色処理で、なるべく元の画像からの変化を分からないようにしながら色を減らしていくためのアルゴリズム実装です。（この記事では減色アルゴリズムについての説明は省略します。） テーブルを作成したら、画像のそれぞれのピクセルを RGB 形式からテーブルの何番目の色を使うかに置き換えます。 上図のように、1 ピクセルあたり 24bit 必要だった画像が 1 ピクセルあたり 8bit になったので、データサイズは大体 1/3 になります。 （パレットのデータに最大 3 Byte * 256 = 768 Byte 必要とか、同じように圧縮されないと
覚えておきたいTipsだったのでメモ。WordPressでのJPGの画質を少しでも改善させよう、という方法です。手軽に出来るので覚えて置いて損は無いかと思います。設定されている圧縮比を変更する、という方法。 今まで知らなかったんですけど、覚えておくといいかも。 リサイズ機能 WordPressにはリサイズ機能があります。例えば横幅500pxの画像をアップロードした際、300pxの幅で使いたければ上記のようにサムネイルを選択出来ます。 foo.jpgという名のファイル名なら「foo-300×225.jpg」という、リサイズされた画像を生成してくれます。 デフォルトは90％ この際の圧縮比がデフォルト値では90％になっています。wp-includes/media.phpの410行目あたりには image_resize( $file, $max_w, $max_h, $crop = false,
Photographer / Photographe Pictures in licence (CC BY-SA 3.0) All pictures available in high resolution and exif format Toutes les images disponibles en haute résolution avec les données exifs. Certaines photographies pour différentes raisons ne peuvent être sous licences CC BY-SA 3.0 (photographies de personnes, d'oeuvres, créations d'artistes, etc) Renseignez vous avant toute publication.
@JUNP_Nです。ブログを書いている時なんかにテキストばっかりじゃ記事が見にくい、何か画像を入れたいなってことがよくあります。そんな時に個人商用問わずフリーに利用できる画像サービスを5つ紹介します。 テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。（逆にテキストだけのほうがいいって場合もあるかもしれませんが）。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。 僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。 基本的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービス
一般的に ImageMagick のサムネイル画像生成は遅いとされており、パフォーマンスが求められるシーンでは Imlib2 などのより高速な画像処理ライブラリが使われることが多いです。 Imlib2 の高速さについては、以前「Imlib2でImageMagickより3倍高速かつ美しいサムネイル画像の生成 - 床のトルストイ、ゲイとするとのこと」という記事で紹介しました。この記事のベンチマークにおいて、Imlib2 によるサムネイル画像の生成は、 ImageMagick の3倍程高速でした。 しかし、 ImageMagick は Imlib2 より画質がよく、高機能で使いやすく、今も頻繁にメンテナンスされており、とてもよく出来ています。その点 Imlib2 は、2004年からメンテナンスされておらず、セキュリティホールが見つかっても、各Linuxディストリビューションがそれぞれパッチを当て
15:59 | 先日、運営しているサイトcocoの画像サーバを構築しました。昨今はVPSが500円程度で借りられる様になり、一人WEBサービス屋には本当にいい時代になりました。今回、選定対象にしたのは、以下3つの業者です。ServersMan（初期0円 / 月額490円 / メモリ256M / HDD 10G）S@@Ses（初期3000円 / 月額450円 / メモリ512M / HDD 50G）SAKURA Internet（初期0円 / 月額980円 / メモリ512M / HDD 20G）料金やスペックについて、2010/12/19時点のものを記載しました。キャンペーン適用や保障スペックなど細かい注意点がありますので、詳しくは各社サイトでご確認下さい。シミュレーション処理数値目標は、月間1億アクセスとしました。これは、1ページ当たり50画像掲載だったとすると、200万PV。ブラウザキ
気づけばもう12月。年越しの準備をそろそろ始めている方も多いと思いますが、来年の初日の出はネットで見るのはいかがでしょうか。“めちゃくちゃ綺麗”と話題になっている、富士山の高画質画像を見られるライブカメラサイトをご紹介します。 富士山を目前に眺められるこのライブカメラは、富士山と富士五湖の総合情報局「Fujigoko.TV」が提供するもの。山梨県三つ峠山山頂にあるNTTドコモ山梨ライブカメラの映像を使っており、下界の天気が悪い場合でも富士山が写される可能性が高いそうです。画像は10分間隔で撮影されており、解像度はオリジナルサイズで1023×685px。QRコードを読み込めば、HTML準拠の携帯電話からも閲覧可能。はてなブックマークでも、一般的なライブカメラと比べても高画質なことに注目が集まっています。 2009年12月2日17時23分に撮影された画像がこちら。夕焼けのコントラストとふもとの
せっかくデジイチ買ったので来年あたり からFlickrを使おうと思い、Flickr関連の ツールや便利なアドオン、便利そうな ソフトなどをピックアップしてみました。 まだ全然使ってもいないのでその程度の 情報とお考え下さい。単なるメモ書きです。 FlickrはツールやWPのプラグインも多数存在するのでやはり便利そうですね。 文字の羅列だとリンク先に飛ばないと分からないのでリンクにマウスオーバーするとサムネイルが右側に出るようにしてあります。前に見たようなサイトもわざわざリンク先に飛ばずとも多少は分かるかなと思います。逆に見にくかったらごめんなさい。 基本 Flickr / ここからスタート。本家。 Flickrfreak / Flickrの使い方Wiki。日本語なので分かりやすい 日本語ガイダンス / ここも分かりやすいです。 検索 Flickr Related Tag Browser /
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く