ImageFlux 画像変換・配信エンジン 1枚の画像をもとにデバイスに最適化された画像を簡単に生成し、高速かつ高品質で配信します。 ImageFlux Live Streaming ライブ配信エンジン インフラ運用不要のマネージドサービス。独自のライブ配信サービスを構築できます。
この記事は前々回と前回の記事の続きです。 ドット絵から手軽にWebフォントを作れるようになったので、フォントを幾つか作ってみました。 8x8_bold 太いの。タイトルとかに使えそう。 1234567890!?.,()「」 ABCDEFGHIJKLMNOPQRSTUVWXYZ 6x6_fat 上のヘッダのロゴの下部のちっこい文字と同じフォント。 そういうサブタイトルとかに向いてると思います。 1234567890!?.,()「」 ABCDEFGHIJKLMNOPQRSTUVWXYZ 8x8_border ボーダーで囲まれてる。これもサブタイトルとかに向いてそう。 1234567890!?.,()「」 ABCDEFGHIJKLMNOPQRSTUVWXYZ ロゴっぽく MANA-DOT PIXEL ART, PROGRAMING, ETC 次にテーマ作るときはWebフォント使おう。 関連記事
WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 – Jxck 画像は、サイズが大きい(大きくなりがちな)コンテンツの一つです。 最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えているんじゃないでしょうか。また、HiDPI対応などでサイズも増えつつあるでしょう。 Googleの調査では、現在Web上のトラフィックの65%を画像が占めているそうです。Introで解説したように、パフォーマンスを考えるとファイルサイズは「なるべく小さく」が望ましいため、画像は通常圧縮された形式で使用されます。 WebPは、Googleが開発した圧縮形式で、従来の形式よりもファイルサイズを小さくすることを目的としています。今回はそんなWebPの概要と使い方、注意点を取り上げます。 画像圧縮とは? ここで対象としているのはピクセル形式
lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ:幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML まずは、基本構造です。 HTML5のdata属性で拡大する画像を指定し、classに「superbox-im
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード:[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し(半透明は削除)、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
写真・スクリーンショットを撮ったあと、4:3のアスペクト比の画像を探したいときや壁紙サイズぐらいの画像を探す場合などに、一発で簡単に目的の画像が見つけ出せるフリーソフトが「Dimensions 2 Folders」です。ダウンロードと操作方法は以下から。 Skwire Empire - Dimensions 2 Folders http://skwire.dcmembers.com/wb/pages/software/dimensions-2-folders.php ◆ダウンロード 上記サイトの「Portable zip」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「dimensions2folders.exe」を起動。 ◆操作方法 操作画面が表示されるので、まずFoldersの項目にある「参照ボタン」をクリックして、Source folderに「振り分ける画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く