私はWebベースのアプリケーション用のWebページを開発しています。Webデザインは初めてなので、非常に基本的な質問をした場合は許してください。

アイコンを作成して、既存のpng画像ファイルに埋め込みます。下にサンプル画像を添付し、必要なアイコンに丸を付けました。

アイコンを画像に埋め込む方法を知りたいのですが、アイコンを作成するための特定のツールはありますか？

すでにバナーがあり、上にある小さな絵について不思議に思っている場合、それらを取得する方法は2つ考えられます。

1）オンラインで購入して、すでに作成済み。iStockやGraphicRiverなどのサイトでは、背景が透明なベクターイラストが提供されているので、ファイルを開いてバナーに貼り付けるだけで非常に簡単です。使用できる無料のアイコンもあります。ほんの一例を挙げれば、Vecteezy、Noun Project、またはFlatIconを見てください。

2）自分で描きます。マウスを使用するか（IllustratorまたはInkscapeがこれに適しています）、または描画に興味がある場合はグラフィックタブレットを入手できます。小さなものはそれほど高価ではなく、いずれにせよそれがあなたのものであるならば、それは投資に他なりません。

幸運を！

多くのソフトウェアがあり、無料のものと有料のものがあります。

いくつか例を挙げましょう。

自由

GIMP

究極のペイント

インクスケープ

Paint.Net

有償

Adobe Fireworks

アドビフォトショップ

アドビイラストレーター

コーレルドロー

すべてが異なる学習曲線を持っているため、Googleのクイック検索を実行することで、より多くのグラフィックソフトウェアを見つけることができます。

私があなたの質問を正しく理解している場合、2つの選択肢があります。

1. アイコンを紙に手書きし、スキャンして画像編集プログラムに組み込むことができます。「アイコン」を、背景が透明な固定サイズのPNG、またはスケーリング可能なSVGファイルに変換できます。次に、その画像をウェブサイトにアップロードし、リンクに変換して、正しく配置します。絶対、固定、フロートなどのCSSスタイルを使用します。

2. 手描きアイコンを背景画像自体の一部として埋め込むことができます。次に、1つの大きな画像だけで作業します。DreamweaverなどでイメージマップURLを作成することにより、そのイメージのさまざまな部分をリンクに変えることができます。つまり、画像の一部を（座標を介して）リンクとして識別します。これは、背景画像と同じ形と場所になるように「形作る」ことができる領域です。