Pixlr로 웹사이트용 사진 크기 조절 및 자르는 방법
Pixelr를 사용하여 웹사이트에 맞게 사진 크기를 조정하고 자르는 방법
솔직히 말해서, 웹사이트에 이미지를 보기 좋게 만드는 건 정말 골치 아픈 일이에요.특히 고급 포토샵이나 라이트룸 없이 빠르게 작업해야 한다면 더욱 그렇죠.저는 우연히 Pixelr를 접했는데, 꽤 간단했어요.물론 나름대로의 단점도 있긴 했지만요.어쨌든, 여러 번 수정한 끝에 제가 드디어 효과를 본 방법을 공유해 드렸고, 혹시 막히는 분들께 도움이 되기를 바랍니다.
먼저 Pixelr을 열고 이미지를 로드하세요.
방금 pixelr.com 에 접속했어요.웹 도구라서 설치가 필요 없어요.다행히 사이트를 열면 메인 페이지에 사진 불러오기 옵션이 있어요.맞는 버튼을 찾는 데 시간이 좀 걸렸어요.버전에 따라 큰 ‘+’ 아이콘일 때도 있고, ‘이미지 놓기’ 영역일 때도 있는데, ‘이미지 열기’ 옵션을 찾아보세요.그걸 클릭하고 파일을 선택하세요.인터페이스가 익숙하지 않으면 복잡하거나 약간 혼란스러울 수 있으니 주의하세요.특히 오래된 브라우저나 작은 화면에서는 버튼이 숨겨져 있는 걸 놓치기 쉽기 때문에 인내심을 갖는 게 중요해요.
웹사이트 이미지 크기 조정
사진을 넣으면 사이트 레이아웃에 맞게 크기를 조정해야 합니다.상단 메뉴 표시줄로 가서 ‘이미지’를 찾은 다음 ‘이미지 크기’를 선택합니다.여기서 실수가 있었는데, ‘비율 제한’ (또는 가로 세로 비율 유지 라고 표시될 수 있음 )이 선택되어 있는지 확인했습니다.그렇지 않으면 사진이 완전히 이상하게 보입니다.늘어나거나 찌그러져서 좋지 않습니다.너비를 1000픽셀로 설정했습니다. Pixelr에서 가로 세로 비율에 따라 높이를 자동으로 조정해 주는데, 이는 큰 도움이 됩니다.대상 크기가 다르면 그 후에 너비나 높이를 조정하기만 하면 됩니다.이렇게 크기를 조정하면 원래 품질이 유지되므로 이미지가 크거나 작으면 차이가 날 수 있다는 점을 명심하세요.
자르기 도구로 원치 않는 부분 잘라내기
때로는 크기 조절만으로는 충분하지 않습니다.특히 특정 부분에 집중하거나 산만한 배경을 제거하고 싶을 때 더욱 그렇습니다.그래서 왼쪽 사이드바에서 두 개의 수직선이 있는 작은 정사각형이나 직사각형처럼 생긴 자르기 도구를 찾아 클릭했습니다.그런 다음 프레임을 사진에서 유지하고 싶은 부분 위로 끌어다 놓았습니다.특히 완벽한 정사각형이나 특정 종횡비를 만들려고 할 때 약간 까다로울 수 있지만, 조금만 연습하면 가능합니다.필요에 따라 자르기 프레임의 크기를 조절하거나 이동할 수 있습니다.원하는 대로 자르면 상단의 ‘자르기’를 누르거나 표시되는 옵션을 확인하면 잘려서 제자리에 고정됩니다.처음에는 조금 어색하지만 몇 번 시도하다 보면 익숙해질 것입니다.
필요한 경우 다시 확인하고 크기를 조정합니다.
자르기 후에는 ‘이미지 크기’ 로 돌아가 모든 것이 사이트 사양에 맞는지 확인했습니다.자르면 비율이 왜곡되거나 이상하게 보일 수 있으므로 다시 한번 확인하는 것이 좋습니다.필요한 경우 이미지 크기를 다시 조정했습니다.예를 들어 너비를 1000픽셀로 유지하여 이미지 로딩 속도는 빠르지만 품질은 양호하게 유지했습니다.크기 조정 후 이미지가 픽셀화되거나 흐릿하게 보인다면 압축 품질을 약간 낮추거나 다른 편집기에서 다시 내보내는 것을 고려해 보세요.하지만 전반적으로 크기, 품질, 그리고 로딩 속도의 균형을 맞추는 것이 중요합니다.
마지막으로 웹에 저장합니다.
원하는 모양이 나오면 ‘파일’로 가서 ‘ 저장 ‘ 또는 ‘내보내기’ 를 선택하세요. JPG 또는 PNG 형식 옵션이 제공됩니다.대부분의 사진은 JPG가 잘 작동하며, 품질 슬라이더를 80~90% 정도로 설정하여 파일 크기를 관리 가능한 수준으로 유지하면서도 적절한 선명도를 유지할 수 있습니다.로고처럼 이미지에 투명도나 선명한 선이 필요한 경우 PNG가 더 좋습니다.설정을 선택한 후 나중에 찾을 수 있도록 파일 이름을 명확하게 지정하고 바탕 화면이나 ‘이미지’ 폴더와 같이 기억하기 쉬운 곳에 저장하세요.메시지가 표시되면 ‘다운로드’를 클릭하면 웹에 바로 사용할 수 있는 이미지가 생성됩니다.몇 번 시도해서 제대로 된 결과를 얻었지만, 이제는 꽤 탄탄한 워크플로를 갖추게 되었습니다.
전반적으로 Pixelr는 그 독특한 기능에 익숙해지면 괜찮은 도구입니다.무료이고, 브라우저에서 바로 사용할 수 있으며, 복잡한 소프트웨어 설치도 필요 없습니다.크기 조정이나 자르기 같은 빠른 편집 작업에는 훨씬 수월합니다.솔직히 말해서, 처음에는 인터페이스가 그다지 직관적이지 않아서 이 기능을 이해하는 데 생각보다 훨씬 오랜 시간이 걸렸습니다.하지만 모든 것이 어디에 있는지 알고 나니, 웹사이트에 적합한 멋진 이미지를 손쉽게 제작할 수 있었습니다.
이미지 작업에서 어려움을 겪고 있다면 다음 사항을 꼭 기억하세요.크기를 다시 한 번 확인하고, 크기 조정 시 ‘비율 제한’이 활성화되어 있는지 확인하고, 신중하게 자르세요.또한, 내보낸 이미지가 픽셀화되거나 온라인에서 품질이 떨어지는 것을 방지하기 위해 제대로 작동하는지 확인하세요.행운을 빕니다.이 글이 다른 분들의 시간을 절약하는 데 도움이 되기를 바랍니다!
관련 기사
이 글이 도움이 되었나요?