이미지는 방문자가 브랜드, 제품, 작업, 공간을 빠르게 이해하도록 돕습니다. 하지만 이미지는 웹사이트를 전문적이지 않게 보이게 만드는 가장 쉬운 요인이기도 합니다. 파일이 너무 크면 업로드에 실패하고, 너무 작으면 흐릿하게 보이며, 설명이 없는 이미지는 검색 엔진과 보조 도구에서 이해할 수 없게 됩니다.
Kanorio 웹사이트 이미지는 모듈을 편집할 때 직접 업로드하여 사용합니다. 현재 에셋을 미리 저장해 두는 중앙 집중식 "미디어 라이브러리"는 없습니다. 즉, 이미지를 배치할 모듈을 결정한 다음, 해당 특정 필드에서 에셋을 업로드하거나 선택하십시오.
이미지 필드는 모듈에 따라 나타납니다. 예를 들어 히어로 섹션, 이미지-텍스트 쌍, 갤러리, 제품 디스플레이, 사이트 로고, 파비콘, 소셜 공유 이미지에는 각각 전용 이미지 선택기가 있습니다.
에디터 미리보기에서 모듈을 클릭하거나 "레이아웃" 목록에서 선택하십시오. 이미지 필드를 찾으면 클릭하여 이미지를 업로드, 선택 또는 변경하십시오. 적절한 콘텐츠 블록이 아직 없다면 "섹션"에서 추가할 수 있습니다.
이미지 선택기는 일반적으로 "업로드", "이미지 URL", "스톡 라이브러리"의 세 가지 소스를 제공합니다. 컴퓨터에서 파일을 선택하거나, 공개적으로 액세스 가능한 이미지 URL을 붙여넣거나, Pexels 또는 Pixabay에서 선택할 수 있습니다. 선택 후 로딩을 기다리고 미리보기가 올바른지 확인하십시오.
자르기 도구가 보이면 완료하기 전에 표시 영역을 조정하십시오. 자르기가 완료될 때까지 설정 패널을 떠나지 마십시오. 외부 이미지 URL을 사용할 때는 사용 권한이 있는지, 소스 사이트가 공개 로딩을 허용하는지 확인하십시오. 소스에서 이미지를 제거하거나, URL을 변경하거나, 액세스를 제한하면 웹사이트에서 이미지가 표시되지 않을 수 있습니다.
ALT 텍스트를 지원하는 필드의 경우 이미지 옆에 설명을 제공하십시오. ALT 텍스트는 일반 방문자를 위한 긴 글이 아니라, 이미지 내용을 짧고 구체적으로 설명하는 것입니다.
일반 웹사이트 이미지는 JPG, JPEG, PNG, WebP를 지원합니다. 최대 파일 크기는 파일당 10MB입니다. 이 크기를 초과하는 파일, 빈 파일 또는 인식할 수 없는 형식은 거부됩니다.
일반 웹사이트 이미지는 PDF, 오디오, 비디오 파일에 사용되는 미디어 저장소 할당량에 포함되지 않습니다. 그러나 이것이 10MB 제한이나 형식 제한을 면제하는 것은 아닙니다. PDF, 오디오, 비디오 또는 디지털 제품 파일을 업로드하거나 관리해야 하는 경우 웹사이트 저장소 관리를 읽어보십시오.
| 형식 | 용도 |
|---|---|
| JPG / JPEG | 사진, 현장 촬영, 인물 사진 및 풍부한 색상 그라데이션이 있는 이미지. |
| PNG | 로고, 아이콘 또는 투명한 배경이 필요한 디자인. |
| WebP | 파일 크기가 작고 웹에 최적화된 이미지. |
| HEIC / HEIF | 일반적인 iPhone 형식. 업로드 전 브라우저에서 호환 가능한 이미지로 변환됩니다. |
HEIC 또는 HEIF는 서버에 직접 저장되지 않습니다. Kanorio는 호환 가능한 업로드로 처리하기 전에 브라우저에서 이를 변환합니다. 변환에 실패하면 장치에서 JPG로 내보낸 후 다시 시도하십시오.
또한 남용을 방지하기 위해 업로드 속도 제한이 있습니다. 현재 보호 제한은 분당 20회 업로드입니다. 일시적으로 제한된 경우 1분 정도 기다렸다가 다시 시도하십시오. 반복적으로 클릭하지 마십시오.
ALT 텍스트(대체 텍스트)는 이미지에 대한 설명입니다. 이미지가 로드되지 않을 때 대체 수단을 제공하며, 스크린 리더를 사용하는 방문자가 내용을 이해하도록 돕습니다. Google과 같은 검색 엔진도 이미지를 더 잘 이해하기 위해 이를 사용합니다.
좋은 ALT 텍스트는 키워드를 채워 넣는 대신 "무엇이 보이는지"를 설명합니다.
| 나쁜 예 | 좋은 예 |
|---|---|
| 커피, 타이베이 커피, 커피숍 | 타이베이 커피 스튜디오 바에 있는 핸드드립 커피와 약배전 원두 |
| 이미지 | 가죽 공방에 전시된 짙은 갈색 수제 토트백 |
| 우리의 최고 서비스 | 회의 테이블에서 두 창업자에게 브랜드 전략을 설명하는 컨설턴트 |
장식용 이미지는 자세한 ALT 텍스트가 필요하지 않을 수 있지만, 제품, 작업, 인물 사진, 현장, 프로세스 및 중요한 인포그래픽은 명확하게 설명되어야 합니다.
사이트를 게시하거나 업데이트하면 시스템은 ALT 텍스트가 누락된 호환 가능한 이미지에 대해 자동으로 설명을 채웁니다. 이 기능은 항상 활성화되어 있으며 별도의 설정이 필요 없습니다. 시스템은 모듈 텍스트와 페이지 콘텐츠를 기반으로 설명을 도출하며, 사용자가 직접 입력한 텍스트를 덮어쓰지 않습니다.
이는 기본적인 도움을 제공하지만, 시스템은 방문자가 어떤 세부 사항에 집중하기를 원하는지 알 수 없으므로 중요한 이미지에 대해서는 수동으로 ALT 텍스트를 검토하고 다시 작성하는 것을 권장합니다.
이미지 선택기는 Pexels와 Pixabay라는 두 가지 무료 스톡 라이브러리를 제공합니다. 자체 이미지가 준비되지 않았을 때 키워드로 검색하여 모듈에 추가할 적절한 사진을 선택할 수 있습니다.
현재 Pexels 라이선스 및 Pixabay 콘텐츠 라이선스 약관에 따라, 두 라이브러리의 콘텐츠는 개인 및 상업용 웹사이트에서 무료로 사용할 수 있으며 필요에 따라 자르거나 수정할 수 있습니다. 추가 비용을 지불할 필요가 없으며, 사이트에 사진작가나 라이브러리를 표기할 의무도 없습니다.
Kanorio는 제작자를 인식할 수 있도록 선택기 내에 이미지 소스와 사진작가 정보를 표시합니다. 출처를 밝히는 것은 여전히 권장되는 관행입니다.
이 라이선스들이 "모든 용도에 무제한"인 것은 아닙니다. 스톡 사진을 독립적인 에셋으로 판매하거나 재배포하지 마십시오. 또한 이미지 자체를 상표, 브랜드 로고 또는 기타 식별자로 사용하지 마십시오.
스톡 사진을 사용할 때는 콘텐츠를 진정으로 대변하는 이미지를 선택하십시오. 레스토랑, 매장, 제품, 팀 또는 작업에 대한 실제 사진이 있다면, 일반적인 스톡 사진보다 더 큰 신뢰를 줄 수 있으므로 자체 에셋을 사용하는 것을 우선시하십시오.
스톡 사진에는 식별 가능한 인물, 상표, 브랜드, 건물 또는 예술 작품이 포함될 수 있습니다. 브랜드 핵심 비주얼, 광고, 주요 제품 이미지 또는 기타 민감한 맥락에서 이미지를 사용할 때는 모델, 상표, 초상권, 재산권 또는 기타 제3자의 권리에 대한 동의가 필요한지 확인하십시오. Kanorio나 스톡 라이브러리 약관 모두 특정 사용 권리에 대한 귀하의 판단을 대신할 수 없습니다.
Kanorio는 Cloudflare Images를 사용하여 일반 웹사이트 이미지를 저장 및 전달하므로 사이트가 맥락에 가장 적합한 버전을 가져올 수 있습니다. 시스템이 흐릿한 사진을 전문가 수준의 이미지로 바꿀 수는 없으므로, 소스에서 선명하고 구성이 잘 된 이미지를 선택해야 합니다.
업로드 전 다음 원칙을 따르십시오:
누군가 Facebook, LinkedIn, X 등에서 페이지를 공유하면 소셜 미리보기가 표시됩니다. 이를 OG 이미지(Open Graph image)라고 하며, 일반 모듈 이미지가 아닙니다.
각 페이지의 공유 이미지는 "페이지"의 SEO 설정에서 관리하십시오. 수동으로 업로드된 이미지가 없고 자동 공유 기능이 활성화된 경우, 시스템은 페이지 제목과 브랜드 설정을 기반으로 미리보기를 생성합니다. SEO에 대해 자세히 알아보려면 "완벽한 SEO 설정"을 읽어보십시오.
이 가이드는 일반 웹사이트 이미지에 중점을 둡니다. YouTube, TikTok, Spotify, Apple Music, 팟캐스트, 양식 또는 예약 도구를 표시하려면 비디오 파일을 이미지로 업로드하는 대신 해당 통합 모듈을 사용하십시오.
coffee-studio-bar.jpg). 로컬 에셋 관리가 더 쉬워집니다.단일 이미지의 최대 크기는 10MB입니다. 다시 업로드하기 전에 크기를 조정하거나 사진 도구를 사용하여 웹에 적합한 JPG, PNG 또는 WebP 파일로 내보내십시오. 동일한 거대 파일을 반복해서 업로드하지 마십시오.
원본 해상도가 낮거나, 이미지가 원래 크기보다 확대되었거나, 자르기로 인해 작은 영역만 남았기 때문일 수 있습니다. 더 선명한 원본 이미지를 사용하고 미리보기에서 자르기 영역을 확인하십시오.
네. 선택기의 "이미지 URL" 탭에서 공개적으로 액세스 가능한 URL을 붙여넣을 수 있지만, 시스템은 외부 이미지의 위험성에 대해 경고합니다. 사용 권한이 있는 소스만 사용하십시오. 로그인이 필요하거나, 만료되거나, 외부 로딩을 허용하지 않는 URL은 붙여넣지 마십시오. 이미지가 핵심 에셋인 경우, 링크 깨짐이나 소스 사이트에 의한 삭제를 방지하기 위해 자체 파일을 업로드하는 것을 권장합니다.
파일이 10MB 미만인지, 형식이 올바른지, 인터넷 연결이 안정적인지, 짧은 시간에 너무 많은 파일을 업로드하지 않았는지 확인하십시오. 그래도 실패하면 JPG 또는 WebP로 변환하고 오류 메시지를 기록하여 지원팀에 문의하십시오.
중요한 콘텐츠 이미지에는 입력해야 합니다. 순수 장식용 이미지에는 긴 설명이 필요 없지만, 제품, 작업, 서비스 프로세스 또는 중요한 텍스트가 포함된 이미지를 설명 없이 방치하지 마십시오.
네. 현재 약관에 따라 콘텐츠는 상업용 웹사이트에서 무료로 사용할 수 있으며, 일반적으로 출처 표기는 필요하지 않습니다. 그러나 인물, 상표, 브랜드, 건물 등 식별 가능한 콘텐츠에는 추가 제한이 있을 수 있으므로 중요한 상업적 사용 전에 확인하십시오.
Kanorio는 브라우저에서 HEIC 또는 HEIF를 변환하려고 시도합니다. 장치나 이미지를 변환할 수 없는 경우, 휴대폰이나 컴퓨터에서 JPG로 내보낸 후 다시 업로드하십시오.