이미지를 680x240px로 크기 조절

웹사이트 공지, 뉴스레터 머리글, 대시보드 프로모션과 좁은 캠페인 그래픽을 위한 가로 이미지를 만드세요.

이미지를 680x240으로 조절하는 방법

브라우저에서 세 단계로 정확한 680x240 가로 배너를 준비합니다.

  1. 1

    넓은 배너에 맞는 원본 선택

    넓고 얕게 자를 여유가 있는 웹사이트, 캠페인, 에디토리얼 이미지를 기기에서 선택하세요.

  2. 2

    680x240 프레임 구성

    중요한 내용을 고정된 와이드스크린 영역 안에 배치하고 목표 크기를 확인하세요.

  3. 3

    배너 미리보기와 다운로드

    이미지를 처리하고 배너 크기에서 구도와 가독성을 확인한 뒤 지원되는 형식으로 다운로드하세요.

680x240 이미지 활용 방법

웹사이트 상단, 공지 띠, 캠페인 머리글과 규격 배너에 정확한 680x240 캔버스를 활용합니다.

01

간결한 가로 캔버스 설정

680x240 프레임은 웹사이트 상단, 캠페인 머리글, 에디토리얼 배너에 맞는 넓고 얕은 가로 캔버스입니다.

  • 정확히 680x240px로 내보내기
  • 썸네일 크기에서도 주요 피사체를 분명하게 유지
  • 짧은 제목이나 라벨을 위한 안전 영역 확보
680x240 와이드스크린 강의 표지 미리보기
너비
680px
높이
240px
680x240 px
02

웹사이트 공지 띠 만들기

컬렉션 머리글, 출시 공지, 행사 안내나 콘텐츠 구역에 짧은 메시지와 명확한 시각 요소를 배치합니다.

  • 강의마다 하나의 분명한 시각적 단서 사용
  • 플랫폼 제목 표시를 위한 공간 확보
  • 전체 강의 순서에서 자르기 구도 통일
680x240 강의 썸네일 미리보기
강의 썸네일 스튜디오
680x240 px
웹사이트 공지 띠 만들기
하나의 시각 요소와 짧은 메시지로 구성한 웹사이트 공지
03

뉴스레터 머리글 디자인

이메일 본문 공간을 넉넉히 유지하면서 호수나 캠페인을 소개하는 브랜드 머리글을 준비합니다.

  • 영상에서 설명하는 주요 기능 강조
  • 가장자리 근처의 작은 화면 글자 피하기
  • 반복되는 시연 표지의 시각적 일관성 유지
680x240 시연 표지 미리보기
680x240 컬렉션
제품 시연 표지를 위한 680x240 구성 예시
와이드스크린 강의 표지 자료실
680x240 px
좁은 공지 띠 준비
시연 보기
04

대시보드 프로모션 패널 만들기

포털과 애플리케이션 대시보드의 가로 영역에 맞춰 할인, 기능 공지나 내부 캠페인 그래픽을 준비합니다.

  • 화면마다 하나의 섹션 주제에 집중
  • 이미지와 짧은 제목의 균형 조절
  • 사용할 화면에서 가독성 확인
680x240 구분 화면 미리보기
680x240 이미지
검토 대기
소형 디스플레이 광고 만들기
에디토리얼과 프로모션 영역을 위한 680x240 구성 예시
프레젠테이션 열기
구분 화면
와이드스크린 강의 표지
680x240 캔버스
680x240

680x240 이미지 자주 묻는 질문

680x240 이미지의 가로세로 비율, 자르기, 품질, 형식, 투명도와 일반적인 활용 방법을 안내합니다.

680x240 이미지의 가로세로 비율은 무엇인가요?
680x240 캔버스의 가로세로 비율은 가로입니다. 이미지가 넓은 프레임을 채우는 방식을 결정하는 비율이므로, 사진이나 일러스트의 크기를 바꿀 때 가로를 고정하면 뜻하지 않은 변형을 막을 수 있습니다.
680x240으로 조절하면 이미지가 잘리나요?
자르기 여부는 원본 비율과 선택한 맞춤 방식에 따라 달라집니다. 이미 가로인 이미지는 바로 축소할 수 있습니다. 다른 형태는 680x240을 채우도록 가장자리를 자르거나, 이미지 전체를 보이게 하려면 여백을 추가해야 합니다.
와이드스크린 강의 표지의 변형을 어떻게 막나요?
다른 비율의 원본을 억지로 늘이지 말고 목표 비율 가로를 고정하세요. 화면을 가득 채우려면 가장자리를 자르고, 원본 내용을 모두 보존해야 하면 680x240 안에 이미지 전체를 배치하세요.
강의 표지에 가장 선명한 원본 크기는 무엇인가요?
선명한 결과를 얻으려면 자른 뒤에도 너비 680px, 높이 240px 이상인 원본을 사용하세요. 더 큰 원본은 확대에 의존하지 않고도 구도를 옮길 여유와 더 많은 세부 정보를 제공합니다.
작은 이미지를 확대해도 강의 표지가 선명한가요?
정확한 680x240 픽셀 크기는 만들 수 있지만 작은 원본에 없는 정보를 복원할 수는 없습니다. 확대된 글자, 가장자리, 미세한 질감은 흐려질 수 있으므로 충분히 큰 원본을 사용하세요.
와이드스크린 강의 표지에 어떤 형식을 사용할 수 있나요?
사진 중심의 강의와 시연 표지에는 JPG, 투명한 도표와 선명한 화면 캡처에는 PNG, 전송 용량을 줄이려면 WebP가 적합합니다. 강의, 프레젠테이션, 제품 자료실이 지원하는 형식을 사용하세요.
강의 표지에서도 투명도를 유지할 수 있나요?
680x240 결과에서 투명 영역을 유지하려면 PNG 또는 WebP를 선택하세요. JPG는 투명도를 지원하지 않으므로 JPG로 저장할 때 해당 영역은 불투명한 배경으로 바뀝니다.
680x240 이미지는 어디에 유용한가요?
680x240 이미지는 강의 목록, 섹션 구분 화면, 와이드스크린 캠페인 이미지에 활용할 수 있습니다. 사이트와 템플릿마다 요구 사항이 다르므로 고정 표준으로 사용하기 전에 게시 위치의 사양을 확인하세요.

이미 정확한 너비와 높이를 설정한 상태에서 크기 조절를 열기 위해 미리 준비된 픽셀 크기를 선택하세요.

680x240 슬림 배너 만들기

웹사이트 공지, 뉴스레터 머리글과 대시보드 프로모션에 사용할 정확한 가로 이미지를 준비하세요.