オクシン @OKU_MAYA 効率的に仕事をサボる方法を研究してます。アイコンはコラボ中のアニメ「ギルドの受付嬢ですが、残業は嫌なのでボスをソロ討伐しようと思います」(イフール労働組合&アニプレックス)です。 okushinblog.com/724/
「xxxxx…」はBase64化されたデータの文字列を示しています。 上記の例はPNG画像の場合ですが、JPEGを埋め込む場合は「data:image/png」の部分を「data:image/jpeg」としてください。 ※書式について、「png;base64」の部分の記述について「;」が「:」になっているミスがありましたので修正しました。ご指摘いただいたAC様、ありがとうございます。 Base64への変換 Macの場合はデスクトップにエンコードしたい画像を保存し、「ターミナル」で以下のコマンドを実行すればOKです(hoge.pngは任意のファイル名)。かなり長い文字列が生成されるはずですので、まるまるコピーします。 とはいえ、個人的にはコマンドラインに少々拒絶感があるのでさらに調べてみると、ChromeのDeveloper Toolsを使ってカンタンにエンコードできることがわかりました。
どうやって使い分けるべきなのか。JPG・PNG・GIFの違いをまとめてみました。2010.10.27 18:00168,725 人間がデジタル技術を開発して以来、開発され続けてきた画像の保存形式。 開発過程には、それこそ色々な種類がありました。 しかし、現代のブラウザや、一般的な利用者のニーズに合わせて、現在ではJPG、 PNG、 GIFが3強です。 もちろん、それぞれ長所と短所がありますが、それぞれどこがどう違うのでしょうか。 JPG(Joint Photographic Experts Group) JPGはジョイント・フォトグラフィック・エキスパート・グループ(Joint Photographic Experts Group)がプロのカメラマンの標準となるべく開発したファイルのタイプです。 ファイル内の冗長性を見つけて圧縮するZIP形式のように、JPGは画像データをピクセルと呼ばれる
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
ひええ…「炎天下の車内にケータイを置きっぱなしにしたら、こんなことに」 今年の夏もうんざりするほど暑い日が続いています。車も日中は熱くなり、とてもすぐには乗れないほどですよね。 海外で、炎天下の車内のダッシュボードの上に、携帯を忘れてしまった人がいたそうです。 その結果どうなったのか、写真をご覧ください。 うわぉ! 右下にGoogleのロゴの入った携帯電話のバッテリーが、風船のようにふくらんでいます。 温度が高すぎると、こんなことになるんですか……。 これを見て、海外掲示板のコメントもにぎわっていました。 ●事故でも起こしたのかい。携帯のエアーバッグが開いているじゃないか。 ●きっとGoogle Phoneならではのエアバッグなんだよ。 ●ほんと最近はどんなアプリもあるんだな。 ●取り扱い要注意! ●新しい電話にする時期だな。 ●きっとボウルに入った米に入れれば……。 (正しくは濡れた電子
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
ロイターの写真ニュースね。 普通の経済ニュースですらこんなで度肝抜かれたりするわけですよ。まじで。 いやホント、ほとんどの写真が日本の新聞社の写真と比べるとやっぱり違う。報道写真としての良し悪しは別にしてね。作風みたいなものを感じる。 よく見かけるのは ・カメラを低くして見上げる ・大胆に切り取る ・一人の人物に強く注目させるが、人物自体は画面に対して大きくない ・象徴たる背景と視線を支配する人物、みたいな組み合わせ ・変な顔した瞬間 ・中央を割る線に沿う何か(これは自分もよくやる) とかかなぁ。逆に言えば印象的な画面づくりってどうよ、みたいなのが学べるように思う。 自分のイラスト製作の場合は、自分用に製作するならまだしも、コストや要求が別の話としてあるから、なんとも言えないというのが正直なところ。特に最近は、絵を製作していてそういうことでもどかしい思いすらしなくなってきた。思
Googleドキュメントを使って、PDFや画像からテキストを抽出し、Wordに変換する方法をご存知ですか? テキストの抽出さえできれば、色んな形式で保存できるのがGoogleドキュメントの便利なところです。 以下にその方法をご紹介します。 まず、Googleドキュメントへアクセスしましょう。ファイルのアップロードページへ移動します。 「PDFや画像ファイルからテキストをGoogleドキュメントのドキュメントに変換する。」にチェックを入れて、PDFや画像をアップロードしましょう。 アップロード後、Googleドキュメントでアップロードしたファイルを見てみると、テキストが抽出されていることが分かります。そして、「ファイル」から「形式を指定してダウンロード」で「Word」を選べば完了です。 Googleドキュメントを介することで様々な変換ができるので、覚えておくといざというときに役立ちますよ。
ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 10 Tips for Decreasing Web Page Load Times [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシートは上に配置 6. スクリプトは下に配置 7. スクリプトとスタイルシートは外部ファイルで 8. HTTPリクエストは最小限に 9. キャッシュの利用 10. 301リダイレクトは避ける 参考資料とツール 1. 現在のスピードをチェック まず、現在のあなたのウェブページのスピードの分析からはじ
ブログ このブログは非公開に設定されています。 (Access forbidden) 他のブログを探す ブログランキング(共通のジャンル) 1 裏ピク 2 放送事故★お宝エロ画像村まとめ 3 エロ画像まとめ えっちなお姉さん。 4 マブい女画像集 女優・モデル・アイドル 5 AV女優2chまとめ ヘルプ インフォメーション リクエスト 利用規約 障害情報 FC2ブログについて FC2の豊富な機能 スマホからもブログ投稿 有料プラン アルバム機能 おすすめブログ テンプレート一覧 マガブロ マガブロとは? マガブロランキング マガブロの書き方 マガブロアフィリエイト サポート ヘルプ インフォメーション リクエスト 利用規約 障害情報 アプリでもブログ投稿 FC2トップ お問い合わせ 会社概要 プライバシーポリシー 著作権ガイドライン 広告掲載 Copyright(c)1999 FC2, I
Photoshop, Photoshop Elementsを使用してカラーの写真画像をモノクロにするテクニックはさまざまなものがあります。その代表的なテクニックとそれぞれの利点・欠点を紹介します。 元にした画像:Chase the sun 下記は各ポイントを意訳したものです。 はじめに 1. 調整レイヤー:白黒 2. モード:グレースケール 3. 調整レイヤー:色相・彩度 4. モード:Labカラー 5. 調整レイヤー:グラデーションマップ 6. 調整レイヤー:チャンネルミキサー 7. Photoshop Elements:モノクロバリエーション 8. 調整レイヤー:色相・彩度x2 9. 調整レイヤー:白黒(カラースライダー) はじめに モノクロの写真は、ファッション雑誌をはじめ、Flickrのようなソーシャルウェブサイトでも非常に人気の高いジャンルです。デジタルが到来したことで、一つ重要
Chromeのテーマギャラリーがローンチしてからというもの、素敵なテーマが溢れんばかりの今日この頃ですが、それでもやはり自作してみたい、という方のためにChromeテーマの自作方法をご紹介。思っているよりも全然簡単ですよ。 実際、ChromeテーマはJavaScriptもHTMLコードも含まない単純なアドオンで、2つの構成エレメントからなっています。 その2つとは 画像 x 数枚 .jsonマニフェストファイル x 1個 これらのエレメントが.crx形式にパッケージされています。.crxファイル形式とはGoogle Chromeが使用しているZIPファイルのバリエーションの一つです。 下の画像を使って作成したChromeテーマが、そのもう一つ下の画像です。このテーマは下記に記したやり方で作成しました。 <ビフォー> <アフター> お気付きの方もいるかもしれませんが、背景画像に対して新規タブ
絵師よ!俺にデジタルの色の塗り方教えてくれ カテゴリ☆☆☆☆ 1 :名前:以下、名無しにかわりましてVIPがお送りします:2010/12/28(火) 08:13:49.52 ID:rxx0BifV0 色塗り上手になりたい! 上級者さん教えてください 8 :名前:以下、名無しにかわりましてVIPがお送りします:2010/12/28(火) 08:38:10.31 ID:pqPsIh/j0 まず線画うpしろ 10 :名前:以下、名無しにかわりましてVIPがお送りします:2010/12/28(火) 08:40:17.53 ID:Z2Os8jAK0 俺からも線画うp頼むよ 11 :名前:以下、名無しにかわりましてVIPがお送りします:2010/12/28(火) 08:41:20.55 ID:rxx0BifV0 >>8 >>10 線画です 22 :名前:以下、名無しにかわりましてVI
画像の滑らかなグラデーションに現れる濃淡の縞「バンディング」をおさえる方法をFringe Focusから紹介します。 左:通常、右:バンディング 右側の画像では空の滑らかなグラデーション箇所にバンディングがおきています。これは圧縮した際に色の数を制限することで発生させたものです。 人の目は高いコントラストのエリアを見ると、微妙な明るさの変化を認識しにくいため、この写真では建物のセクションでうまく働いています。ここでのカラーは「少し明るい青」から「少しそれほど明るくない青」を使用しています。 この画像の圧縮というのは、バンディングの要因となります。 画像を構成しているピクセルの一つ一つは、それぞれの周りのピクセルと混ざり合うことはなく、それ自身が小さい正方形のピクセルです。ピクセルは我々の目からみると、あまりにも過度に小さいものです。ここで取り上げる方法はそれよりもっと大きいグループでカラー
18歳のとき、父親からもらったものだ。 今はもう、まともに動かない。10年くらい前に突然シャッターが壊れてしまった。 Nikonに聞いたら、修理するための部品がもう無く、修理不能ということで、僕はあきらめてデジカメを買ったのだった。 それ以来、こいつは僕の部屋のインテリアとなっている。
大量の画像を書き出す場面に遭遇して( ꒪⌓꒪)ってなるのはWEB屋の宿命のようなものですが そんな書き出しを一瞬でもはやくやっつけたい。 むしろやりたくない。なにもかも機械に任せたい。 機械がやってくれてる間にはとサブレ食いながら優雅にFaceBookをたしなみたい。 そんなめんどくさ効率を追求するために調べたまとめです。 なにかお役に立つものがみつかればうれしいです。 書き出しをとにかく速くしたい スライスチップ作成パレット スライスチップ作成パネル-CS4用 | Dearps スライスがFireworksみたいになるエクステンション。ほんとうに助かってます。 ワンクリックでスライスができるのでガイドつくってちまちまやるより数倍速いです。 Flash Helper Scripts Flash Helper Scripts:JavaScriptで「Flash+Photoshop」連携をパワ
下の画像は、左:適用前のグラデーション(ディザ有り)、右:適用後のグラデーションです。 適用前にはグラデーションにバンディングの縞模様があり汚いですが、適用後のものは縞模様がなくなり綺麗なグラデーションとなっています。 Photoshop Tip: Spatter [ad#ad-2] 上記で紹介されているのは非常に簡単な方法で、Photoshopのはねフィルターを使用します。 メニューバーの[フィルター]-[ブラシストローク]-[はね]を選択します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く