2024年のファビコンを極める: 本当に必要なファイルはほぼ6つ（翻訳）｜TechRacho by BPS株式会社
はじめに モダンブラウザで使われるファビコンの作り方を見直して、今こそアイコン生成であくせくするのを終わりにしましょう。昨今のフロントエンド開発者は、ブラウザタブやらタッチ画面やらにWebサイトの小さなロゴを表示する、ただそれだけのためだけに静的なPNGファイルを20個以上扱わなければなりません。よりスマートな方法で、現代のニーズに合う最小限のアイコンセットを使う方法を紹介します。 ファビコンは見かけよりもずっと幅広く奥深いトピックで、実は誰もがファビコンについてしっかり学びたいと思っていることもわかってきました。本記事全体の内容を実質わずか2行のスニペットに凝縮したものも紹介していますので、今ファビコンで苦しんでいる方は（正確な使い方をご存知なら）そちらをお使いいただけますが、そこをぐっとこらえて記事を最後までお読みいただくことをおすすめいたします。 🔗 忙しい人向け: ウルトラショー
Share your images / photos / pictures / image / photo / picture - imm.io
One click sharing of images - no registration required!imm.io is a one-click easy image sharer, perfect if you want to upload an image to show your friends or link from other sites. Just choose a file to upload and we give it a place to call home. Images are removed if they are not viewed in 30 days. Supported image formats, jpeg, png and gif.
2枚の画像のdiff（差分）を超簡単に調べる方法 - 昼メシ物語
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像（diff.jpg）が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合（＝diff.jpgは黒一色の画像） $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
RMagick 2.0.0 User's Guide and Reference
Introduction What is RMagick? RMagick is a binding from Ruby to the ImageMagick TM image manipulation library. Here's how the ImageMagick home page describes ImageMagick: ImageMagickTM... is a free software suite to create, edit, and compose bitmap images. It can read, convert and write images in a large variety of formats. Images can be cropped, colors can be changed, various effects can be appli
ニコニコ静画のAPIを少し調べてみた - まめ畑
先日、ニコニコ静画がリリースされました。 お題に沿った静止画をスライドの様に再生し、コメントをつける事が出来るサービスです。 そこで、Playerの使用しているAPIを調べてみました。 どうやら、ニコニコ静画では画像の読み出しに認証が必要ないようです。 追記: 画像の取得に認証は必要ないですが、listの取得には認証が必要でした スライドに使用する画像やコメントは http://seiga.nicovideo.jp/api/theme/res/list?theme_id=ID で取得出来ます。 レスポンスは以下のようになっています <response> <res_list> <res> <id>30993</id> <image_id>31240</image_id> <number>1</number> <created>2009-11-16 02:01:20</created> <co
Ruby で png 画像を自力で生成する - まめめも
「png のフォーマットは gif に比べて難しい」などと聞いたことがありましたが、zlib が使える処理系なら、簡単な png 画像はそこそこ簡単に (ビット演算など不要で) 作れるみたいです。 2015/03/12追記：この記事は単なる知的好奇心で自力 png 生成しているに過ぎません。以下のサンプルコードもデモに過ぎないので、実用目的で使うことはおすすめしません。Ruby でベタデータの png 化をしたい人は chunky_png を、綺麗な絵を書きたい人は rcairo を使うといいと思います。 まずはサンプルコード 黒から赤へのグラデーション画像を作るプログラム。 # coding: UTF-8 require "zlib" width, height = 100, 20 depth, color_type = 8, 2 # グラデーションのベタデータ line = (0...
Ruby/PureImage - Ruby Portal
マニュアルはバージョン0.12現在、配布アーカイブの中に入っています（index.html）。 今のところ扱えるのはPNG画像のみのようです。 PNG画像の拡大・縮小 require 'pureimage' pngio = PureImage::PNGIO.new src = pngio.load('image.png') rate = 0.5 dest = PureImage::Image.new((src.width * rate).to_i, (src.height * rate).to_i) dest.draw_image(src, 0, 0, dest.width, dest.height) pngio.save(dest, 'image_half.png')
RMagick
Thumbnails are just the start! Check out the RMagick portfolio. The first page shows some basic transformations. Page 2 demonstrates special effects. Page 3 illustrates the drawing API. There are two versions of RMagick, RMagick 1 and RMagick 2. Most people will want to install RMagick 2. This version works with Ruby 1.8.2 and later (including Ruby 1.9) and ImageMagick 6.3.0 and later. All new enh
画像処理についてあれこれ
ipycanvasで図形に影をつける事ができます。影をつけるには、以下の属性でパラメータを設定します。 shadow_color : 影の色 shadow_offset_x : 影の水平方向オフセット shadow_offset_y : 影の垂直方向オフセット shadow_blur = ぼかしの大きさ サンプルコード 以下のサンプルコードは、円の図形と影を描画しています。 from ipycanvas import Canvas from math import pi canvas = Canvas(width=200, height=100) canvas.shadow_color = '#c0c0c0' canvas.shadow_offset_x = 5 canvas.shadow_offset_y = 5 canvas.shadow_blur = 5 canvas.fill_st
【ruby】【RMagick】WEB2.0的なロゴを作る | earth
いまさらな感もありますが、 RMagickでweb2.0的なロゴ画像を作ってみます。 こんな画像を目指します。 まずは、下地になるグラデーション画像から。 require 'RMagick' include Magick WIDTH = 650 HEIGHT = 40 #空の画像リストを作る stripes = ImageList.new #上のグラデーションを作る #GradientFill.new(点Ａのx座標, 点Ａのy座標, 点Ｂのx座標, 点Ｂのy座標, 点Ａの色, 点Ｂの色) top_grad = GradientFill.new(0, 0, WIDTH, 0, "#dddddd", "#888888") #イメージリストに追加 #Image.new(画像の幅, 画像の高さ, 塗りつぶす画像) stripes < < Image.new(WIDTH, HEIGHT, t
RMagickの使い方 (How to use RMagick) - ずっと君のターン
サーバーに上げてみたKaoChartは想像を遥かに超える重さで、このままでは世間様に全く申し訳が立たないので今さら真面目にRMagickのドキュメントを読んでみる。 ちなみにちょろっと読んだ結果、数倍は早くなりそうな予感。画像生成部分は修正と言うより作り直しっぽいけど。まぁとにかく作ってみたくて、中身はものっそ適当だったしなぁ。 てことで以下、訳。 ...... http://www.simplesystems.org/RMagick/doc/usage.html 基本コンセプト RMagickにおける"Hello, world"みたいなものを見てみよう。このプログラムは"Cheetah.jpg"と言う名前のファイルを読み込んで、モニタに表示する。 1. require 'RMagick' 2. include Magick 3. 4. cat = ImageList.new("Cheet
RMagickのTips和訳 - selflearn @ ウィキ
RMagickという、ImageMagick（GraphicsMagick）をRuby上で使用するためのライブラリがあります。 和訳 RMagickを使ってサムネイルを作ろうオリジナルサイトはこちら アルファコンポジット Part1オリジナルサイトはこちら アルファコンポジット - Part2 (Web2.0風味) (1)/(2)/(3)/(4)オリジナルサイトはこちら(1)/(2)/(3)/(4) Polaroidエフェクト（人気！）オリジナルサイトはこちら shadeメソッドによる透かし画像オリジナルサイトはこちら 注意 【重要】 2009/01/19現在のMacPortsを利用したImageMagick+RMagick環境は、両者のバージョン相違によって動作しなくなっています。修正にはPortfileの編集が必要ですので、私のブログで書いた記事を参考に、RMagick2.8.0をイン
ImageMagick
display 画像ビューワであり，かつImageMagickをGUIで操作します．なお起動コマンドはdisplayです．imagemagick等ではありません． 以下はImageMagick V5.2.5 on Debian/GNU Linux potatoでのものです． import 任意のX Windowのスクリーンショットを撮ります．import コマンドを実行すると、マウスカーソルが + マークに代わり、スクリーンショットを 撮りたいウィンドウをクリックするとビープ音が鳴り， output fileが作成されます． import [ options ... ] <output file> 以下は指定可能なオプションです． ・ -frame ウィンドウマネージャのフレーム等を含めたイメージを作成． ・ -monochrome 白黒画像を作成． ・ -window
るびま
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
ファイルの先頭8バイトだけで画像のフォーマットを調べる - bits and bytes
PHPでファイルをアップロードしたとき $_FILES にアップロードされたファイルについての情報が入っています。 そして $_FILES[...]['type'] にはアップロードされたファイルの MIME type が入っています。しかしここに入っている値は PHP: ファイルアップロードの処理 - Manual に $_FILES['userfile']['type'] ファイルの MIME 型。ただし、ブラウザがこの情報を提供する場合。 例えば、"image/gif" のようになります。 この MIME 型は PHP 側ではチェックされません。そのため、 この値は信用できません。 と書かれている通り信頼できません。ソースコードを見てみると php-5.1.4/main/rfc1867.c の SAPI_API SAPI_POST_HANDLER_FUNC(rfc1867_post
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
16x16