このプロジェクトについて
img2cssは、画像を純粋なCSSに変換するWebツールです。主な手法はbox-shadowのみで画像を再現するもので、各ピクセルをリサイズして1ピクセルのdivのbox-shadowとして設定するため、imgタグやbackground-imageは不要です。このプロジェクトは、この出力が非常に大きくなる可能性があり、他に方法がない場合を除き本番環境での使用は推奨されないと注記しています。
2つ目の出力モードでは、base64を使用して画像ファイル全体をimgタグ内に埋め込み、外部ホスティングの必要性をなくします。
このツールはホストされたWebページから利用できます。READMEでは、コード内で変換を行いたい人向けに関連するプログラムライブラリ(canvas-image-utils)と、別のピクセル単位のアニメーション実験(morphin)も紹介しています。
開発にはpnpmを使用します。ローカル作業にはpnpm installとpnpm dev、pnpm buildは静的サイトをout/ディレクトリに書き出します。mainブランチにプッシュすると、サイトがgh-pagesブランチにデプロイされます。
Comments
0 people shared their preference · Deer Point appears after 10 participants
Sign in to join the discussion.