Google PageSpeed Insightsスコア改善のためにJPEG画像をロスレス圧縮 - 太陽がまぶしかったから
Google PageSpeed Insightsのスコアがひどい Google Adsense のコンソールを眺めていたら、スコアカード内の「サイトの状況」がひどいことになっていることに気が付きました。 Google Adsense のスコアカードにおける「サイトの状況」は、広告リクエストが最も多いページのPCと携帯端末でのパフォーマンス分析から決定されます。 実はデフォルト状態でもはてなブログモバイル版の PageSpeed Insights の点数は低いので、スコアが「3」になるのはしかたがないのですが、流石に「1」は異常事態なので改善方法を探りました。 画像フォーマットの問題 問題となっているページに対して PageSpeed Insights を実行します。 結果を見るとPCのスコアが大幅に悪化しており、詳細を開くと「〜.png をロスレス圧縮すると XXKB（YY%）削減できま
クリップボードの画像ファイルをアップロードする - Qiita
QiitaやGithub のようにWebアプリ上でクリップボードにコピーした画像をペーストコマンドでサーバに直接アップロードする方法。 実装例 DevHubというチャットツールのチャット欄・メモ欄に実装した。 Web上の画像をコピー、または画面キャプチャから直接ペースト機能を使ってファイルアップロードからの表示ができるようになったのでとても便利になった。 以下、動作イメージ。 * クリップボードに画像をコピーした状態でメモ欄に Ctrl-v すると画像ファイルがアップロードされ、パスが返ってくる。 編集を終了すると独自のマークダウン処理で画像が表示される。 実装手順 貼り付け対象のDOMに 'paste' イベントをバインド pasteイベント処理内でeventから画像を取り出す Ajaxで画像情報をサーバに送信 サーバ側でファイルを保存し保存後のパスをクライアントに送信 クライアントで保
ブラウザにファイルをドロップしてはいけない - ぼくはまちちゃん！
こんにちはこんにちは！！ 先日、CROSS 2013っていう、エンジニア向けのビール飲み放題のイベントに行ってきました！ そこの「HTML5×セキュリティ」っていうコーナーで、ちょっと喋ってきたんですが、 その時の小ネタを紹介しておきます。 最近、ブログとかのWebサービスで写真をアップロードする時に、 ファイルをドラッグ＆ドロップするだけでできたりしますよね。 いちいちダイアログから選ばなくていいから便利です。 こんなやつ。 この手の仕掛けって、ドラッグ時にボーダーカラーを変えたりして 「いまドラッグ＆ドロップ状態ですよ〜」ってわかりやすく表示されますが、 それって別に、ブラウザが警告の意味で出してるんじゃなくて、 あくまで、Webサービス側が親切で表示してるだけなんですよね。 ってことは ・ドラッグされても特にボーダーラインなどを表示せず ・画面上のどこでもドロップを受け入れるようにし
Google画像検索で高解像度のロゴのみをザクザク見る
ロゴ制作時に使えるTIPSをご紹介。 アイデア捻出とかでロゴをザーッと見たいとき、Google画像検索で検索ワードに「logo」とか入れて検索すると思います。 そこに「filetype:svg」を追加してファイル形式を「SVGファイル」のみに制限することで、高解像度のロゴのみを検索できます。 サンプル でも、SVGファイルって何でしょうか? SVGファイルってなんなのさ SVGフォーマットはJPEGやPNGなどのピクセル形式の画像ファイルとは違い、イラストレーターのようなベクターデータ。つまり何処までも拡大できます。なので正確には高解像度というのは間違い。 Webページにベクターデータを埋め込む用途を意識して開発されたので、中身はXMLで書かれてます。つまり普通にテキストエディタで開けば直接データが見えます。もちろん編集もできます。 ウィキに掲載されてるロゴはSVGファイルの場合が多いです
ジオラマ風になる撮影方法を、ゴッホの絵画でやったら凄いことになった！ | Pouch［ポーチ］
な、なにコレ！ 絵画のようだけど、くっきりと浮き上がってみえます。しかも、この絵画、どこかで見たことがあるような……。絵画をジオラマにしたのでしょうか？ とても不思議な感じです。 絵画の作者は、ゴッホ。しかも、ジオラマ模型ではなく、絵画にちょっと手を加えただけというから驚きです。 この作品を作ったのは『Art Cyclopedia』のアーティスト、Serena Malyonさん。 いったいどうやってつくったかというと、ティルト・シフト撮影を起用したのだそうです。ティルト・シフトというのは、風景などがまるでミニチュアのように撮影できるとして、数年前から話題になっている特殊なレンズを使用した撮影方法。焦点のコントラストや色の彩度などを調整することで、フォトショップでもシミュレートできます。 Malyonさんは、ジオラマみたいにするには風景写真ならうまくいくけれど、絵画ならどうなるだろうか？ と
[JS]透過処理をした写真画像の転送量を軽くする方法
通常、透過処理をした写真画像を使用する際のフォーマットはPNGを使用することが多いと思います。これを写真画像にJPEG、その上にマスクのPNGを使用してトータルの容量を軽減する方法を紹介します。 デモでは、PNGのみで127KB、JPEG with PNGで42KB、と約1/3容量が軽減しています。 ;(function() { var create_alpha_jpeg = function(img) { var alpha_path = img.getAttribute('data-alpha-src') if(!alpha_path) return // Hide the original un-alpha'd img.style.visiblity = 'hidden' // Preload the un-alpha'd image var image = document.cre
100年前のロシアの色を鮮明に記録しているカラー写真
以前、約100年前に撮影されたカラー写真という記事中でも取り上げた、100年前のロシアで撮影されたフルカラーの写真が大量に紹介されていました。 この写真を撮影したのは、ロシア帝国時代の写真家・セルゲイ・プロクジン＝ゴルスキー（1863～1944）。カラーフィルムが発明される以前に撮影されたということが信じられないほど色鮮やかな景色がそこには収められています。 詳細は以下から。森に1人たたずむアルメニア人の女性。1910年ごろに撮影されたものと見られています。民族衣装のビロードの質感まで再現されていて、とても100年も前に撮影されたものには思えません。 ユダヤ人の子どもたちと、サマルカンドの教師。当時はこんな風に勉強を教わる子どもたちの姿が多く見られたのでしょうか。 写真を撮られるにあたって、きちんと姿勢を正している女性。女性の右側あたりの景色の色の出方が独特で、まるでこの世ではないような雰
PhotoSpeak : 顔写真をアップするだけで動いた！しゃべった！！可能性無限大！！！1529
複雑な操作まったくなしで、顔写真が勝手に動きだし、録音した声をしゃべらせることができるとんでもないアプリがこちらの PhotoSpeak ！！ いや、かなりすごいです。モーションポートレート技術を応用して開発されているそうです。 うまくうごく条件は顔写真が、正面を向いていること、口が開いていないこと、髪が目にかかっていないこと、メガネをかけていないこと、の4点です。上記三枝こころの写真は完璧にスムーズに動きました！紹介します！ モデル：三枝こころ：SUPERBALL（参考記事） PhotoSpeak の動画はこちら PhotoSpeak の紹介はこちら まずアプリの起動画面と初回起動時のみウェルカムメッセージです。 最初はこの3DCGのお姉さんが入っています。 で、スムーズに動いています。 画面下の再生ボタンを押すとしゃべります。 画面右下にあるカメラボタンを押してみましょう。写真の設定が
Online image / photo editor pixlr free
Quick Links Jump right in Here we collected the most used Generative AI and Photo Editing features people are looking for! Limitless Artistry Generative AI Tools Explore Pixlr’s new AI Powered Generative Tools unleashing limitless creative possibilities. Perfect for both beginners and seasoned professionals, these tools redefine artistic expression with intuitive AI technology, revolutionizing you
画像内の文字をコピー＆ペーストする
資料をもらったら画像だった──。そんなときもあきらめず。無償の「クセロReader ZERO」を使えば、画像をPDFに変換してOCRをかけ、テキストデータを抜き出すことができる。 資料を引用したいのだが、手元にあるのは画像ファイル。ここから文字を抜き出すにはどうしたらいいか。画像を見ながら、手で打っていくしかないのか。 クセロが新しくリリースする「クセロReader ZERO」を使えば、画像ファイルをドラッグ＆ドロップで読み込ませて、OCRをかけることが可能だ。これを使えば、画像内の文字を簡単にテキストデータに変換できる。あとは、Adobe Readerなどで開いて、コピーすればいい。 この機能は、11月初旬に無償配布を開始するクセロReader ZEROに新機能として盛り込まれたもの。画像からPDFファイルを簡単に作成する機能や、画像PDFファイルにOCRをかけてテキストの透明レイヤーを
書いてある物が消える画像:アルファルファモザイク
編集元：スロットサロン板より 910 ( ´∀｀)ノ７７７７さん :2007/10/11(木) 08:37:41 ID:p+xyynoI
rsizr - intelligent image resizing
rsizr is a web application that lets you resize images.
超パワフルなオンライン写真編集サイト「FotoFlexer」 - ネタフル
FotoFlexer: Photo Editing Supreme?というエントリーより。 The powerful online photo editing service will be integrating their tools with Facebook, MySpace, Flickr, Picasa and Yahoo to make it even easier to work on the pictures you find there, or even work inside their services. オンラインで写真編集できる「FotoFlexer」というサイトが、ソーシャルサービスと統合されるというニュースがあったので試してみたところ、これがかなり凄いサイトでした。 これまでにもオンラインで写真編集できるサイトはいろいろ試してきましたが、「FotoFlexe
画像もDBに格納して管理する －扱いがめんどうなLOB(ラージオブジェクト)は使わない方法も含め
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Health Insurance High Speed Internet Work from Home Healthy Weight Loss Best Penny Stocks Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitpic
IDEA * IDEA
拡大しても画像をキレイに保ってくれる『SmillaEnlarger』 | ライフハッカー・ジャパン
2000ピクセル以上のフリー写真素材集
幕末古写真ジェネレーター -写真を江戸時代〜明治時代の古写真ぽくします-
Vector Magic | Precision Bitmap to Vector Conversion Online
