Markdown Toolbox Logo Markdown Toolbox
ブログ

サムネイルとフルサイズ

2024-09-11

短いバージョン

Markdownでフル画像にリンクするサムネイルを作成するには、以下の構文を使用してください:

[![サムネイル説明](thumbnail-url)](full-image-url)

長いバージョン

ステップバイステップの指示

Markdownを使うと、画像に簡単にリンクしながらビジュアルを提供できます。

  1. サムネイルリンク構文:

    • 以下の形式でフルサイズ画像にリンクするサムネイルを表示できます:
    [![サムネイル説明](https://example.com/thumbnail.jpg)](https://example.com/full-image.jpg)
    
    • 説明:
      • サムネイル説明: これは、画像が読み込まれない場合に表示される説明テキストです。
      • thumbnail-url: サムネイル画像のURLです。
      • full-image-url: クリックされたときに画像がリンクするURLです。

こちらが完全な例です:

[![かわいい猫](https://example.com/cute-cat-thumbnail.jpg)](https://example.com/cute-cat-full.jpg)

これにより、クリックするとフルサイズ画像に導かれるかわいい猫のクリック可能なサムネイルが作成されます。