Mac用画像圧縮ツールImageOptimやImageAlpha、JPEGminiをコマンドラインから操作＆バッチ処理できるツール「ImageOptim-CLI v2.0」がリリース。
Mac用画像圧縮ツールImageOptimやImageAlpha、JPEGminiシリーズをコマンドラインから操作＆バッチ処理してくれるツール「ImageOptim-CLI v2.0」がリリースされています。詳細は以下から。 Macには有名な画像圧縮ツールとしてイギリスのKornelさんが開発しているImageAlphaやImageOptim、写真や動画要編集ツールを開発している米Beamr Imaging Ltd.のJPEGminiシリーズなどがありますが、 ImageAlpha: https://pngmini.com ImageOptim: https://imageoptim.com JPEGmini Lite: https://itunes.apple.com/us/app/jpegmini-lite/id525742250 JPEGmini Pro: https://itune
Compressor.io - optimize and compress JPEG photos and PNG images
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
ImageOptim HTTP API for optimization on web servers
ImageOptim API makes pages load faster Web service for image compression. Easily resize and optimize images on your server. Faster web pages and apps Make images load faster and save bandwidth. Improved compression enables you to use beautiful images without bogging down your site. Image resizing on demand Easily create responsive images and thumbnails with high quality resampling and compression
使いやすい操作パネルで簡単ドローイングが可能なSVGエディタ『Method Draw』
使いやすい操作パネルで簡単ドローイングが可能なSVGエディタ『Method Draw』 『Method Draw』はシンプルで操作性の高いオンラインのSVGエディタ。 サッと起動して直感的な操作でオブジェクトのドローイング、そして出来上がったらそのまま保存と取説不要のシンプルなつくりが特徴のエディタです。 シンプルと言っても押さえるところはキチンと押さえていて、Illustratorのようなドローソフトを簡略化しモダンなUIで実装したといったところです。 編集画面は上部にメインメニュー、左側にツールパネル、右側に編集パネル、下部にカラーパレットがそれぞれ並んでいます。 ここで非常に使い勝手のいいのが編集パネル上のあるそれぞれの値の指定方法で、マス上をドラッグして上下させたりホイールを回したりすることで値を変更できることで、これによってほとんどマウスから手を離すことなく快適に作業ができます。
Placehold.jp
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
ImageOptim — better Save for Web
ImageOptim makes images load faster Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality. Faster web pages and apps Reduces image file sizes — so they take up less disk space and download faster — by applying advanced compression that preserves quality. Image files scrubbed clean Removes invisible junk: private EXIF metadata from digital cameras, em
ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する｢TinyPNG｣がスゲェ!!
こいつぁスゲェ! PNG画像を非可逆圧縮するブラウザアプリ「TinyPNG」というのを試してみたんですが、とんでもないですねコレ。 画像自体はほぼ変わらんのに、驚異的なサイズダウン。まるで禁断のダイエット法にも見えるんですが、どんな仕組みなんだろ･･･。 TinyPNG – Compress PNG images while preserving transparency 使い方はすごくかんたん。 「TinyPNG」にアクセスしたら、画面の[Drop your .png files here!]というスペースに、圧縮したいPNGファイルをドラッグ&ドロップするだけです。 圧縮のタスクが完了すると、ダウンロードリンクが表示されるので、それをクリックしてローカルに保存すればOK。 画面遷移は一切ありません。 すげーサイズダウンします これは実際にサイズダウンしてみた結果。 左が元画像で右がTi
無料ではじめるフォント製作マニュアル
拙作スクリプトとwebサービスを利用してフォントファイルを作る方法についてまとめます．通常フォントを作るには専用のエディタを用意する必要がありますが，簡単な利用のために環境を整えるのは面倒です．今回紹介するのは品質はそこそこに，それなりに使い物になるフォントをできるだけ既存の環境を使って作る方法です．自作したフォントが動作するのは見ていてとても面白いので，是非試してみて下さい． 準備 用意するものはこれだけです．後は全てwebページから実行できます． フォント化したい画像ファイル（pngとか，svgとか） step1 フォント化の画像ファイルを用意する まずはじめにフォント化したい画像のファイルを作ります．画像形式としてはブラウザで読み込める形式であればpngでもjpegでも構いませんが，png形式のほうが良い結果が得られるでしょう． 例えば次のような画像を用意します． 画像の大きさは文字
ImageAlpha — image minifier (like JPEG with transparency!)
DownloadVersion 1.5.1 Mac OS X 10.8-11 Not using a Mac? Check out Color Quantizer (Windows), pngquant (Unix) and TinyPNG (on-line). Snow Leopard (10.6) versionChangelogBugsDonateSource code This application is no longer supported. It was written in Python 2, and Python 2 has been deprecated and removed from macOS. Alternatives: lossy option in ImageOptim, pngquant, or squoosh.app. ImageAlpha great
CompassでCSSスプライト
CompassでCSSスプライト Sassの拡張機能であるCompassを利用するとCSS Spriteが簡単に利用できるのでやり方をメモ書きレベルで書いておきます(SassもCompassも詳しくないのでおかしいところはツッコミを入れてください)。 まずはCompassで監視している画象ディレクトリ内(config.rbのimages_dirで設定しているディレクトリ)に任意のディレクトリを作成して、 CSSスプライトで利用する元画像を入れておきます。 今回は画象ディレクトリは「img」CSSスプライト用のディレクトリは「sprite」とし、元画像は以下の画象です。 a.png b.png c.png 次にscss内で@importでCSSスプライト用のディレクトリとファイルを指定します。 @import "sprite/*.png"; これをコンパイルするとimgディレクトリに「spr
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS 20 stunning examples of CSS 3D transforms
今更聞けないJPG・GIF・PNGの使い分けとワードプレス(WP)での運用
Redirecting From Old Directory
NoisePNG - Generate noisy PNG-images with alpha-transparency