포토샵 이미지 자르고 html 파일 올리는 방법

요즘 네이버 스마트스토어 등 온라인마켓에서 물건을 판매하려는 예비 창업자분들이 늘고 있습니다. 게다가 코로나19로 언택트마케팅이 주목을 끌면서, 오프라인 매장이 있는 분들도 온라인마켓에 관심을 가지기 시작하셨는데요. 네이버, 쿠팡, 11번가 등 커머스사이트에 상품등록하기 위해서는 상세페이지가 필수입니다. 이 때, 사이트마다 권장 사이즈와 용량도 다 다르고 대표이미지도 따로 등록해야 하는데요. 애써 만든 상세페이지 디자인이 마켓 규정에 맞지 않아 이미지가 잘리거나 축속되어 보인다면 굉장히 속상하겠죠? 그렇기 때문에 제작 전에 오픈마켓별 규정 사이즈를 체크하는 것이 좋습니다. 오늘은 마켓별 이미지 사이즈와, 사이즈 변경하는 꿀팁에 대해 알려드릴게요!

마켓별 이미지 사이즈 안내

마켓별 대표 이미지(썸네일) 사이즈

마켓별 상세페이지 사이즈 (이미지 1장 당)

※ 위 정보의 출처는 각 마켓 판매자 센터입니다. 실 제작시 다시 한 번 판매자 센터에서 꼼꼼히 확인하세요!

대표 이미지(썸네일)의 경우 마켓의 규정에 맞추면 큰 문제 없지만 상세페이지는 세로 길이를 1장당 최대 길이로 안내하고 있어 세로 사이즈에 맞춰 이미지를 제작 할 경우 용량이 초과되어 업로드가 안될 수도 있어요! 업로드 하실 때는 분할하여 업로드 해주시거나, 분할이 어렵다면 디자인 의뢰 시 디자이너에 최종본을 분할해서 받고 싶다고 해주시면 그렇게 해주실 거예요.

포토샵으로 상세페이지 사이즈 조정하는 법

용량이 커서 이미지를 한꺼번에 올릴 수 없다면, 이미지를 분할해서 올리는 방법을 추천합니다. 이미지 분할이 어려운 포토샵 초보자 분들을 위해 꿀팁 드릴게요!

상세페이지 이미지 분할하는 법

1. 포토샵으로 상세페이지 이미지를 불러온 다음, [ctrl + r]을 눌러 가이드라인을 활성화시키고 자르고 싶은 위치로 옮겨줍니다.

2. 좌측 자르기영역 버튼을 누른 다음, [분할 영역 나누기 (slice tool)]을 선택하여 분할합니다.

3. 웹용으로 저장(save for web)을 선택하여 저장하면 끝!

상세페이지 사이즈 변경하는 법

1.포토샵으로 분할할 상세페이지 이미지를 불러온 다음,

2. 상단의 “image” > “image size” 를 클릭

3. width 와 height 가 잠금 되어있는지 확인하세요.
※ 잠금이 되어있어야 가로비율에 맞게 세로 비율도 변경됩니다!

4.width (가로) 사이즈를 마켓 규정에 맞춰 변경한 다음, ok 버튼을 누르고 저장하면 끝!

포토샵이 없어도 걱정하지 마세요!

포토샵 편집 의뢰

보통 상세페이지 하나를 만들어 놓고, 사이즈만 변경해서 여러 마켓에 업로드 하는 사장님들이 많으신데요. 포토샵도 없고, 간단한 작업이라 디자이너에게 요청하기도 부담스럽다면? 비즈하우스를 추천합니다. 누끼따기(배경 지우기)나 사이즈변경하기처럼 간단한 포토샵 작업부터, 사장님께 필요한 복잡한 작업까지 저렴한 비용으로 해드린답니다! 전문 디자이너와 상담 후 진행을 원하지 않는다면 100% 환불도 가능하기 때문에 부담도 없겠죠?

포토샵편집/파일변환 요청▼

포토샵 작업 의뢰하기

매번 포토샵으로 파일 받기 싫다면?

사장님의 고민, 비즈하우스 디자인 의뢰가 해결해드릴게요! 마켓마다 다르게 적용해야 하는 사이즈 변경, 이미지 분할도 손쉽게 가능해요! 비즈하우스 디자인의뢰는 결과물을 이미지파일이나 포토샵파일로 드리는 것이 아니라, ‘미리캔버스’라는 솔루션으로 드리고 있어요. 미리캔버스는 비디자이너를 위한 디자인 서비스이기 때문에 디자인이 경험이 적은 사장님들도 자유롭게 편집이 가능하답니다.또 별도의 프로그램 설치 없이 무료로 사용하실 수 있어요! 심지어 디자이너가 작업해준 레이아웃 그대로, 내용만 조금 바꿔서 다른 상품 상세페이로 활용할 수도 있답니다!

미리캔버스 에디터에서 사이즈 변경하는 법

미리캔버스 왼쪽 상단의 사이즈 입력란 클릭 > 자물쇠 잠금설정 > 마켓에서 규정하는 가로 사이즈로 변경하여 적용하기 버튼만 누르면 끝입니다. 이때 중요한 것은 자물쇠를 잠금으로 설정해주셔야 가로 사이즈 비율에 맞게 세로 사이즈가 변경되니 이것만 주의해주시면 돼요!

미리캔버스 에디터에서 상세페이지 다양한 길이로 다운 받는 법!

용량이 걱정된다면 분할된 이미지로도 다운 받을 수 있어요. 미리캔버스 에디터 오른쪽 상단의 다운로드 버튼을 클릭 > 필요한 확장자 선택 > 한장으로 길게 원할 시 한장으로 합치기에 체크 / 혹은 특정 페이지만 필요할 시엔 원하는 페이지에만 체크하여 자유롭게 분할하고 조합해서 사용할 수 있어요!

위 이미지는 미리캔버스 에디터에서 다양한 길이로 다운 받은 상세페이지 이미지입니다. 각각 (왼쪽)한장의 이미지로 합친 버전, (상단)2장의 이미지로 합친 버전, (하단)각각 다른 페이지로 다운 받은 버전입니다. 이렇게 원하는 사이즈와 길이로 자유롭게 다운 받을 수 있기 때문에, 용량이나 세로사이즈가 너무 크진 않을까 걱정하지 않아도 된다는 점! 이렇게 활용도 좋은 상세페이지 디자인 서비스는 어디에도 없을거에요. 상세페이지 디자인은 물론, 사장님이 직접 활용해볼 수도 있어서 더욱 좋은 비즈하우스 상세페이지 디자인 의뢰, 아래 버튼을 클릭해서 비즈하우스 디자이너가 직접 작업한 상세페이지 사례들을 살펴보세요!

상세페이지 디자인 의뢰하기

모바일에서도 더욱 쉽고 빠르게!
스토어에서 “비즈하우스”를 검색해보세요!

분류 전체보기 478

프리미어 프로 최적화2, 프리미어프로 성능 개선

1. 프리미어 프로 최적화 방법 프리미어프로 최적화 방법 최적화 방법 먼저 편집 - 환경설정으로 들어간다 1) 오디오 최적화 스크러빙 시 오디오 재생 - 끔 2) 미디어 최적화 증가하는 파일을 자동으로 새로 고침 - 끔 3) 미디어 캐시 (1) 미디어 캐시파일을 nonipc.com 2. 추가 1) Mercury 재생 엔진 GPU 가속 사용 파일 > 프로젝트 설정 > 일반 > 렌더러를 선택하고 설정을 Mercury 재생 엔진 GPU 가속을 사용하고 있는지 다시 확인한다. (Mercury 재생 엔진 GPU 가속 옵션을 사용할 수 없는 경우에는 GPU 드라이버에 사용 가능한 업데이트가 있는지 검토한다) 2) 하드웨어 가속 디코딩/ 인코딩 편집 > 기본 설정 > 미디어에서, 하드웨어 가속 디코딩을 체크한다. (..

프리미어 프로(Premiere Pro) 2021.09.25

밀기 Slide 전환효과, 퀵슬라이드 트랜지션 Quick slide transition

퀵 슬라이드 트랜지션 Quick slide transition 1) 밀기(Slide) 효과 적용 효과 패널에서 밀기(Slide) 검색 - Video Transition - Slide - Slide-를 사용한다. (밀어내기(Push)를 사용해도 된다) 두 클립 사이에 효과를 드래그하면 된다. 이 효과는 B클립이 A클립을 덮어쓰는 전환 효과이다. 슬라이드 속도는 기본 1초의 디폴트 값으로 되어 있어서 전환 속도가 너무 느리므로 아래와 같이 5 프레임으로 수정하여 속도감을 준다.(효과를 더블 클릭하여 수정) 또한 효과 컨트롤 패널에서, 아래와 같이 효과가 진행되는 방향을 선택할 수 있고(우측에서, 위에서, 아래에서 등으로 선택 가능), 위치를 정렬할 수 있고, 실제 소스 표시 여부, 테두리 폭, 테두리 색상을..

프리미어 프로(Premiere Pro) 2021.09.24

프리미어 프로 설정 동기화, 설정 저장

1. 프리미어 프로 설정 저장 - 설정 동기화하는 방법 컴퓨터를 포맷하거나 프로그램 오류로 인한 초기화 혹은 여러 컴퓨터에서 Premiere Pro를 사용하는 경우 환경 설정, 단축키 등을 다시 해야 한다면 매우 시간이 많이 걸리고 비효율적일 뿐만 아니라 고생이다. 환경 설정, 키보드 단축키, 사전 설정 및 라이브러리를 백업하여 두고 필요할 때 그것을 동기화 혹은 불러내어 사용하는 방법은 다음과 같다. 1) 옵션 지정 (1) 백업 및 동기화 할 대상 환경설정 - 설정 동기화( 혹은 파일 - 설정 동기화 - 동기화 설정 관리로 들어가도 된다) - 설정 동기화 할 대상 선택 환경 설정 작업 영역, 레이아웃 키보드 단축키 (2) 동기화 시 환경 설정 묻기 옵션 선택 환경 설정 묻기로 선택하는 것이 안전하다. ..

프리미어 프로(Premiere Pro) 2021.09.23

포토샵 피부보정

포토샵 피부 보정 방법 1) 얼룩 또는 잡티 제거 (1) Ctrl+J를 눌러 레이어 복사한다. (2) 복구 브러시 도구(힐링 브러시 도구 - Healing Brush Tool) - 선택 복구 브러시 도구(힐링 브러시 도구 Healing Brush Tool)를 선택하고 이미지를 마우스로 누르면 다음과 같은 메시지가 뜬다. 힐링 브러시 도구 Healing Brush Tool로 보정할 소스점(모범 피부 영역)을 정의하라는 메시지인데, Alt를 누르고 클릭하면 된다. 피부톤은 좌우가 다를 수 있으므로, 항상 보정해야 할 인근 영역을 선택하는 것이 좋다. 대괄호[,]를 이용하여 브러시 크기를 조절한 후 클릭하여 보정하면 된다. 아래 사진은 잡티가 별로 없어서 이마의 붉은 부분 제거하기 위해 인근 피부톤으로 보정해..

포토샵 2021.09.19

리퀴파이

리퀴파이, 포토샵 성형 포토샵으로 얼굴 성형 방법은 포토샵 기능 중 리퀴파이(Liquify)이다. 한글로는 픽셀 유동화 기능이다. 얼굴을 계란형으로 갸름하게 만들고 싶거나 눈을 좀 크게 혹은 예쁘게 성형함으로써 새로운 인생을 출발하거나 매사에 자신감을 갖고 싶은 사람에게 매우 유용한 기능이다. 사용 방법 1) 먼저, 사진을 불러오고 ctrl+J로 레이어를 복사한다. 2) 상단 메뉴 [필터] > [픽셀 유동화]를 선택한다. 그러면 아래와 같은 창이 뜬다. 이 도구들의 용도는 다음과 같다. ① 뒤틀기 도구 얼굴의 외곽선을 좁히고 넓히는 기능이다. 이 아이콘을 클릭한 후 대괄호([, ])를 활용하여 브러시 크기를 키우고 줄인 후, 성형하고 싶은 부분을 꾹 누르고 드래그하면 된다. ② 재구성 도구 위의 작업을 ..

포토샵 2021.09.19

어도비 라이트룸 - 슈퍼해상도, 이미지 해상도 올리기

1. 라이트룸 슈퍼 해상도 및 Raw 디테일 라이트룸의 슈퍼 해상도 기능 및 Raw 디테일 기능은 매우 강력한 기능이다. 라이트룸에서 이미지 해상도를 올리고 이미지 품질을 개선할 수 있는 방법은 2가지이다. 하나는 슈퍼 해상도이고 다른 하나는 Raw 디테일 기능이다. 1) 슈퍼 해상도 라이트룸에서 이미지의 너비와 높이를 원본 이미지의 각 2배까지, 즉 총 픽셀 수 4배까지 향상할 수 있다. Raw 파일이 아닌 JPEG, TIFF 등에도 가능하다. 슈퍼 해상도는 초고화질 이미지로 향상하고자 할 때 혹은 이미지를 자른 후 해상도를 높일 때 특히 유용하다. 2) Raw 디테일 Raw 파일에만 해당된다. Raw 파일은 Raw 디테일과 슈퍼 해상도를 모두 사용할 수 있다. 2. 이미지 해상도를 올리는 방법 라이트..

라이트룸 (Lightroom Classic) 2021.09.19

어도비 프리미어프로 - 프로젝트 백업 방법

프리미어 프로에서 만든 프로젝트 하나를 온전히 백업하는 방법 프로젝트 하나를 완성하고 나면 각종 파일이 여러 드라이브, 여러 폴더에 흩어져 있다. 이것을 온전히 하나의 프로젝트로 묶어 보관 혹은 백업하는 방법이 있다. 1) 파일 - 프로젝트 관리자 실행 2) 옵션 지정 (1) 시퀀스 선택 백업하고자 하는 시퀀스를 선택한다. 해당 시퀀스에 포함되는 중첩 시퀀스가 있으면 함께 선택한다. (2) 결과 프로젝트 파일 수집 후 새 위치에 복사를 선택한다. (3) 기타 옵션 사용하지 않는 클립 제외, 오디오 맞추기 파일 포함, 미리 보기 파일 포함, 클립 이름과 일치하도록 미디어 파일 이름 바꾸기 등을 선택한다. (필요에 따라 선택하면 된다.) (4) 대상 경로 지정. 백업할 디스크(장소) 및 폴더 선택 (5) 디..

프리미어 프로(Premiere Pro) 2021.09.18

소니 카탈리스트 브라우저(Catalyst Browse)와 Catalyst Prepare 활성화 방법

소니 카탈리스트 브라우저(Catalyst Browse)와 Catalyst Prepare(촉매 준비) 활성화 방법 1. 개요 소니 카탈리스트 브라우저(Catalyst Browse)와 Catalyst Prepare는 흔들림 보정과, 색 보정에 차별화된 장점이 있는 애플리케이션이다. (한국어 번역은 각각 [촉매 찾아보기], [촉매 준비[이다 - 참으로 한심한 번역) 소니 카탈리스트 브라우저(Catalyst Browse)는 소니 카메라 사용자들이 무료로 사용할 수 있는 프로그램이다. 소니 카탈리스트 Prepare (소니 측 번역으로 촉매 준비:Catalyst Prepare)는 유료 프로그램이다. 카탈리스트 브라우저에 비해 소니 카탈리스트 Prepare (유료)는 기능상 많은 장점이 있다. 2. 구입 시 문제점 ..

프리미어 프로(Premiere Pro) 2021.09.13

크로마키

1. 크로마 키, 울트라 키 특정 색상을 투명하게 설정하는 것을 크로마 키잉이라 한다. 울트라 키는 효과 패널에서 비디오 효과 안의 키잉에 포함되어 있는 크로마 키의 한 유형이다. 울트라 키 효과는 클립의 일부 영역을 투명하게 만드는데, 이미지의 밝기, 또는 특정 픽셀 색상을 기반으로 한다. 2. 작업 순서 크로마키를 적용코자 한다면 미리 촬영 단계부터 스크린을 최대한 평평한 상태에서 조명 등이 골고루 펴진 상태에서 촬영하는 것이 유리하다. 1) 영상 불러오기 나중에 합성할 V1 트랙은 비워두고 V2트랙으로 배경을 제거할 영상을 불러온다. 소스 패치를 v2로 설정하면 V2트랙으로 바로 불러올 수 있다.(참고: 패치란? 글의 아래 부분 참고) 예를 들어 위의 나뭇잎 영상을 불러와서 배경을 투명하게 한 후 ..

프리미어 프로(Premiere Pro) 2021.09.10

프리미어프로 - Tv 안에 영상 넣는 방법

TV 상자 혹은 스마트폰 안에 영상 넣는 방법 (Corner Pin) 1) TV 상자 혹은 스마트폰 영상이나 이미지를 불러온다. 2) TV 상자 혹은 스마트폰 안에 넣을 영상을 불러온다. 3) 효과 패널에서 모퉁이 고정(Corner Pin)을 선택하여 TV 안에 넣을 영상에 드래그한다. 4) 효과 컨트롤 패널에서 그 영상의 4 모퉁이를 마우스로 잡고 크기와 위치를 조정한다. 5) 결과 6) 스마트폰이나 액자, 혹은 사람의 눈 속에도 마찬가지 방법으로 응용하면 된다.

프리미어 프로(Premiere Pro) 2021.09.10

Toplist

최신 우편물

태그