svgのムラゴンブログ

このタグの読者になる 0

WebPとSVGの使い方

Webサイトを制作していると、画像を保存する際に「WebPとSVGはどちらを使えばいいのか」と迷うことがあります。どちらもWeb制作ではよく使われる画像形式ですが、用途は大きく異なります。結論から言うと、基本的な使い分けは以下です。写真や複雑な画像にはWebP ロゴやアイコン、図形にはSVG ... 続きをみる
- 画像
- webp
- 表示
- ロゴ
- 写真
- 形式
- 図形
- ファイルサイズ
- png
たむ webエンジニア発信 | 少しためになるブログ 2026/07/29 07:31
SVGで出来ること

Web制作をしていると、「SVGって結局何ができるの？」と疑問に思うことがあります。PNGやJPEGと違って、SVGはただの画像ではありません。正しく理解すると、表現の幅もパフォーマンスも一気に変わります。この記事では、SVGで実現できることを具体的に整理します。 SVGとは何か SVG（Scal... 続きをみる
- 画像
- コード
- 図形
- 操作
- 変更
- アニメーション
- png
- 劣化
- 表現
たむ webエンジニア発信 | 少しためになるブログ 2026/04/01 08:51
手書き風フォントは自分で作れるのか？

結論から言うと、手書き風フォントは自分で作ることができます。しかも、やろうと思えばそこまで特別なスキルがなくても実現可能です。ただし、「どのレベルを目指すか」によって難易度は大きく変わります。この記事では、現実的な方法と、やりがちな勘違いも含めて整理していきます。手書き風フォントの正体まず前提... 続きをみる
- フォント
- 手書き
- 文字
- 必要
- ツール
- データ
- 画像
- 自作
- テンプレート
たむ webエンジニア発信 | 少しためになるブログ 2026/03/31 08:43
ホームページ制作で「スマホの時だけ絵文字になる」原因と対策

ホームページを制作していると、パソコンでは普通の記号なのに、スマホで見ると絵文字に変わってしまうことがあります。例えば矢印や記号などが、スマートフォンではカラフルな絵文字として表示されるケースです。これはバグではなく、スマートフォンのフォント仕様によって起きる現象です。仕組みを理解しておかないと、意... 続きをみる
- 絵文字
- フォント
- 記号
- 矢印
- スマホ
- 対策
- 文字
- 指定
- 装飾
たむ webエンジニア発信 | 少しためになるブログ 2026/03/10 07:15
SVGアニメーションとは？

SVGアニメーションとは、SVG（Scalable Vector Graphics）形式の画像を動かす技術のことです。 SVGはベクター形式の画像データで、拡大・縮小しても劣化しないという特性を持っています。そのSVGに対して、動き・変形・色の変化などを加えることで、Webサイト上で表現力の高いアニ... 続きをみる
- アニメーション
- 制御
- 動き
- 演出
- gif
- 表現
- スクロール
- 動画
- 変形
たむ webエンジニア発信 | 少しためになるブログ 2026/03/01 15:23
.epsという拡張子について

「.eps」という拡張子は「Encapsulated Postscript（エンキャプスレイテッド・ポストスクリプト）」の略で、主に印刷やデザインの現場で使われる画像ファイル形式のひとつです。EPSファイルは、写真のような点の集合でできているビットマップ画像とは違い、線や図形、文字などを数値情報とし... 続きをみる
- eps
- 形式
- ファイル
- 印刷
- 拡張子
- 表示
- データ
- adobe
- 編集
たむ webエンジニア発信 | 少しためになるブログ 2025/10/10 09:18
# svg
# linux入門
# マイコン