【ImgToAA】画像をAA化するツール

公開日: : 最終更新日:2016/02/21 AA, JavaScript/jQuery, ツール, 画像処理

スポンサーリンク

指定の画像を読み込ませてAA化するツールです。サンプルはこちら

(使い方)
画像ファイル読み込みボタンから自分の好きな画像を選んでそれをAAとすることができます。AA化の際には使用する文字(※注意1)とAAのサイズを「小・中・大・特大」から指定することができます。(あんまり大きいと非常に重くなる)

画像を読み込ませるといったんリサイズしてからそのサイズを元にAAとします。出てきたAAはカラーのものと白黒の2種類あり、それらはスライダーで文字サイズを変更して閲覧することができます。

もし作成したAAを使用したい場合は出力画面の下にタグが生成されているのでそれをコピペして貼りつけてください。(出力結果は自由に使ってください)
一応文字がずれたりはしないと思いますがもしずれた場合「font-family」を「MS Gothic」に指定してみてください。

ちなみにjavascriptで作っているのでページを保存すればオフラインでも動くと思います。

※注意1
入力文字数が少なすぎると処理に失敗します。

※注意2
Chromeでは文字サイズが9px以下は表現できないようになっているのでそのサイズにすると表示がおかしくなりますがそういうものだと思ってください。

※注意3
このツールで作った画像は自由に遊んで使って構わないです。

入力画像


入力文字

文字サイズ

色つき

白黒

画像化



2016/02/21
 ・英語対応しました。
 ・画像化に対応しました。


スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

【jQuery/javascript】はてなボタンを動的に設置する

はてなブックマークのボタンをページの読み込みが終わった後にjavascript(jQuery)で追加

記事を読む

スクレイピングをサポートしてくれるAPI【kimono】

kimonoというスクレイピングをAPI化してくれるという素晴らしいサービスがあります。

記事を読む

【jQuery】大量の画像で重くなったページを遅延ロードで軽くする方法【Lazy Load】

画像をふんだんに使っているページでは読み込みの際に非常に時間がかかるという問題点があります。数枚なら

記事を読む

ニコニコ動画の外部プレイヤーを動的に設置する【javascript/jQuery】

ニコニコ動画の外部プレイヤーはページのはじめの読み込みのときにしか表示されず、javascriptで

記事を読む

AmazonのランキングRSSから画像リンクを作る

Amazon RSS Amazonでいい感じのRSSが無いかと探していたのですが実は本家に素晴らし

記事を読む

【C言語/C++】コンソールでAAアニメーション

コンソール上でAA(アスキーアート)のアニメーションをさせます。 手順としては

記事を読む

【javascript】RGB⇔カラーコード変換ライブラリ

RGBをカラーコードに変換、または、カラーコードをRGBに変換したい場合が出てきたのでどういうも

記事を読む

【jQuery UI】Sliderのオプション変更やイベントを取得をする方法

jQuery UIを使ってスライダー(トラックバー)を作ります。その際に起こるイベントとしてスライダ

記事を読む

WordPressの記事内でJavaScriptを動かす

WordPressでは厄介なことにJavaScriptが動かない場合があります。この記事では動かない

記事を読む

画像をAA化してみるサンプル

画像をAA化するサンプルです。自分のPCなどの端末にある画像を選択するとそれをAA化することができま

記事を読む

Windowsユーザが初めてMacBookを購入したときの注意点や感想

最近12インチのMacBookを購入しました。今までWindowsしか

Redmine3.2をUbuntu14.04にインストールして躓いた所についてメモ

はじめに Ubuntu14.04 ServerにRedmine3.2

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑