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)

이 코드는 클릭 시 전체 크기 이미지로 연결되는 귀여운 고양이의 클릭 가능한 썸네일을 생성합니다.