Use your favorite AI. Get results that don’t look AI-generated! From design to development, all through conversation.

Zaemit is starting a new chapter with the AI-powered zaemit.ai. Try it today!

Use your favorite AI. Get results that don’t look AI-generated! From design to development, all through conversation.

Go to zaemit.ai
How to adjust the ratio and position of background images
백그라운드 기능을 사용하면 블록에 적용된 배경 이미지의 표시 비율과 위치(좌·중앙·우, 상·중앙·하)를 자유롭게 조정할 수 있습니다.
이를 통해 화면에 보이는 이미지 구성을 원하는 형태로 맞출 수 있습니다.
배경 이미지의 크기 설정하는 법
① Auto : 원본 비율을 유지하면서 기본 이미지 크기로 표시됩니다.
② Cover : 이미지가 블록 전체 배경을 꽉 채우면서 확대 또는 잘림 처리됩니다.
③ Contain : 원본 비율을 유지하면서 이미지 전체가 보이도록 축소됩니다. 빈 여백이 생길 수 있습니다.
④ Fill : 이미지의 원본 높이에 맞춰 블록 영역 높이도 함께 조정됩니다.
원본 이미지 500X500
블록 영역을 기준으로 원본 비율을 유지하면서
기본 이미지 크기로 표시됩니다.
블록 영역을 기준으로 이미지가 블록 전체 배경을
꽉 채우면서 확대 또는 잘림 처리됩니다.
블록 영역을 기준으로 이미지 전체가 보이도록
축소됩니다. 빈 여백이 생길 수 있습니다.
이미지의 원본 높이에 맞춰 
록 영역 높이도 함께 조정됩니다.
배경 이미지의 위치 설정하는 법
배경 이미지 위치 설정 기능은 블록 내에서 배경 이미지가 표시될 정확한 위치를 지정하는 기능입니다.
오른쪽 미리보기 박스 안의 파란색 네모 박스를 선택하여, 이미지가 표시될 기준점을 상·중·하, 좌·중·우 중 원하는 위치로 맞출 수 있습니다.
이를 통해 이미지의 중요한 부분이 잘리지 않도록 조정하거나, 의도한 구도로 화면에 배치할 수 있습니다.

이 설정은 백그라운드 표시 방식이 ‘Cover’로 선택된 경우에 유효하며,
이미지가 블록을 꽉 채우는 과정에서 잘리는 부분을 최소화하거나 중요한 영역이 중앙에 오도록 조정할 때 주로 사용됩니다.