WordPress에 이미지를 추가하는 방법

이 게시물은 WordPress에 이미지를 추가하는 방법을 이해하는 데 도움이 됩니다. 단일 이미지를 페이지에 직접 추가하는 방법을 알려 드리겠습니다.

WordPress 갤러리를 사용하여 여러 이미지를 표시할 수 있으며 이에 대해서는 다른 게시물에서 다룹니다.

이미지 소싱, 크기 조정 및 압축에 대해서도 배우게 됩니다.

WordPress에 단일 이미지 추가로 바로 건너뛰기

WordPress에서 이미지를 사용하는 이유는 무엇입니까?

정기적으로 이미지를 추가하여 검색 엔진이 보상하는 독서 경험을 더 즐겁게 만듭니다.

검색 엔진은 적절한 이미지가 표시되면 웹 페이지의 순위를 높입니다.

그들은 인간이 시각적이고 웹 페이지가 이미지가 없는 텍스트 문서처럼 보인다는 것을 알고 있습니다.

독자는 이미지의 모양에 더 만족하며 궁극적으로 검색 엔진이 웹 페이지에서 기대하는 것, 즉 청중에게 어필합니다.

블로그 또는 웹사이트용 이미지 소싱

모양 고려

이미지를 결정할 때 먼저 모양을 고려하십시오.

• 지정된 공간에 맞아야 합니다. 풍경, 세로 또는 정사각형 중 무엇입니까?
• 크기가 조정되면 이미지의 주요 초점을 잃고 싶지 않습니다.

돈을 쓰기 전에 스크린샷 재고 이미지. 전체 크기에 워터마크가 있어도 최종 구매 전에 모양과 색상을 확인할 수 있습니다.

이미지를 찾을 수 있는 곳

나는 사진과 그래픽을 위해 여러 소스를 사용하고 드물게 나만의 소스를 만듭니다. 이미지가 사용되는 위치에 따라 다릅니다.

내 웹사이트에서는 사진이 전문적으로 보이길 원하지만 내 블로그는 더 편안하고 친근한 분위기를 가질 수 있습니다.

웹사이트나 블로그의 사진을 무료 또는 유료로 제공하는 방법에는 여러 가지가 있습니다.

전문 사진 작가에게 지불

나는 전문 사진 작가의 옹호자입니다. 전문적인 사진은 웹사이트를 선명하게 보이게 할 수 있습니다.

프로에 갈 여유가 없다면 현지 아마추어 사진 작가를 시도해 볼 수 있습니다. 아마추어 사진 작가는 포트폴리오를 함께 만들고 싶어하므로 종종 더 저렴할 수 있습니다.

기업은 사진 작가에게 몇 년 동안 필요한 모든 상업 사진을 찍기 위해 하루 또는 반나절 동안 비용을 지불할 수 있으며 그만한 가치가 있습니다.

하루 만에 제품, 포트폴리오 및 팀 ​​사진을 완성하세요.

위치를 정리하고, 업무용 차량을 청소하고, 머리를 자르고, 직장 안팎에서 멋진 사진을 찍기 위해 정말 노력하십시오.

그러나 사진가는 제품 회전율이 높은 신생 기업에게 비용이 많이 들 수 있음을 이해합니다. 집에서 사진을 찍는 것은 효과가 있습니다.

직접 사진찍기

요즘 스마트폰은 정말 좋은 카메라를 가지고 있습니다. 당신이 그것을 보는 눈이 있다면 자신의 사진을 찍는 것이 정말 잘 작동하고 비용을 절약할 수 있습니다.

원하는 방식으로 사진을 자를 수 있도록 카메라를 최고 해상도로 설정하십시오.

집 사진에 도움이 될 유용한 제품.

삼각대, 멋진 배경 및 좋은 조명을 사용하여 팀 사진 또는 비디오를 캡처할 수 있습니다. 정기적으로 필요한 경우 일부 장비에 돈을 쓸 가치가 있습니다.

라이트 박스 스튜디오 키트 또는 사진 조명 키트의 더 높은 확산 조명을 사용하여 웹사이트의 작은 제품을 촬영합니다.

자연스러운 '가정 사진'은 블로그나 소셜 미디어 게시물에 삶, 성격, 현실을 담는 데 도움이 되므로 자연 환경이나 셀카를 두려워하지 마세요.

친구나 비즈니스 인맥에게 물어보세요

서비스를 교환할 수 있습니다. 친구나 비즈니스 지인에게 사진 제공을 요청하십시오. 그것들을 인용하거나 그들의 웹사이트에 대한 링크를 제공하도록 제안하십시오. 이는 pageRank에 매우 가치가 있습니다.

주식 웹사이트를 이용하세요

스톡 웹사이트가 매우 유용한 기사에 맞는 이미지를 만드는 것은 매우 어려울 수 있습니다.

생각할 수 있는 거의 모든 주제에 대한 사진, 그래픽, 일러스트레이션, 아이콘 및 비디오를 제공하는 스톡 웹사이트가 많이 있습니다. 정말 유용한 리소스입니다.

평생 라이선스로 5파운드의 저렴한 가격으로 전문적인 사진을 얻을 수 있습니다. 사업을 운영한다면 그만한 가치가 있습니다.

내가 좋아하는 몇 가지 스톡 이미지 웹사이트는 istockphoto.com, twin20.com, shutterstock.com입니다.

Pexels라는 무료 이미지 스톡 사이트는 훌륭합니다. 아마추어 사진가로부터 무료 사진을 다운로드하고 자신의 사진을 업로드하십시오.

Google 이미지 사용, '재사용 라벨'

Google은 재사용 레이블이 지정된 이미지를 찾는 데 도움이 되는 검색 도구를 제공합니다.

1. www.google.com으로 직접 이동하여 주제를 검색한 다음 IMAGES를 클릭합니다.
   또는 images.google.com으로 직접 이동합니다.
2. 상단에서 검색 도구를 클릭합니다.
3. '재사용 레이블 지정' 옵션을 클릭합니다.

Google은 상업적인 경우에도 재사용을 위해 레이블이 지정된 이미지 그리드를 표시합니다.

조심하세요. 각 이미지의 저작권을 확인하는 것은 귀하의 책임 입니다. 지침을 따르십시오 – 따르지 않으면 무거운 벌금이 부과될 수 있습니다.

이미지를 클릭하시면 웹페이지로 이동합니다. 저작권 요구 사항을 읽으십시오.

사진 작가 페이지에 대한 링크 또는 크레딧이 필요할 수 있습니다.

Google 이미지 사용 시 경고

공개 도메인의 일부 이미지는 상업용 사이트에서 재사용할 수 있지만 다른 이미지는 사용할 수 없습니다.

다른 모든 것과 마찬가지로 사진과 그래픽은 기술을 가진 사람이 만듭니다. 따라서 명확하게 명시되지 않은 경우에도 권리를 소유합니다.

Google 또는 다른 웹사이트에서 직접 이미지를 다운로드할 때 주의하십시오. 오용 시 과중한 벌금이 부과됩니다.

웹용 이미지 크기 조정 및 압축

이미지 크기 조정, 압축, 저장 및 배치 방식은 웹 페이지의 검색 엔진 순위에 영향을 미칩니다.

이미지 로딩이 느린 웹사이트는 검색 엔진에 의해 불이익을 받습니다. 방문자도 항상 그들을 기다리고 싶지 않을 것입니다.

웹에 맞게 이미지 크기를 조정하는 방법이라는 바로 이 주제에 대한 게시물을 작성했습니다. 이 게시물은 픽셀별로 이미지 크기를 조정하고 킬로바이트를 줄이기 위해 압축하는 방법에 대해 설명합니다.

불행히도 여기에서 알려드릴 수 있는 단일 표준 크기가 없습니다.

모든 웹사이트는 다르고 이미지를 볼 수 있는 화면 크기는 전화기만큼 작은 것부터 TV만큼 큰 것까지 다양합니다.

다음 사항을 염두에 두십시오.

• 사진은 모바일 장치에 쌓일 가능성이 높기 때문에 너비 가 450픽셀 보다 작아서는 안 됩니다. 450픽셀 은 모바일 화면을 채우고 중간 화면의 절반을 약간 넘으므로 2열 표시에 적합합니다. 이것은 대부분의 WordPress 플러그인의 기본값입니다.
• 알려진 바와 같이 전체 화면 확대 또는 '영웅 이미지'(웹 사이트 상단에 있는 화면 왼쪽에서 오른쪽으로 늘어남)는 초대형 화면을 수용하기 위해 너비가 1920픽셀만큼 커야 합니다. 그것은 꽤 크며 더 큰 TV에도 충분히 크지 않습니다.
• 기기에 적절한 크기를 표시하려면 WordPress에서 적응형 이미지 플러그인을 사용하는 것이 좋습니다.

내 게시물 읽기 – 웹에 맞게 이미지 크기를 조정하는 방법에 대해 자세히 알아보세요.

Google 검색을 위해 이미지 저장

검색 엔진은 이미지가 올바른 방식으로 저장되어 있으면 이미지가 나타내는 것을 즉시 인식할 수 있습니다. 파일 이름은 검색 엔진 최적화의 필수적인 부분입니다.

사진의 주제에 따라 이미지를 저장합니다.

즉, 이미지를 <strawberry-cheese-cake.jpg>로 저장하는 것이 <image07_912.JPG>보다 더 유익하고 효과적입니다.

검색 엔진은 노력을 인식할 것입니다.

Google 품질 가이드라인은 웹사이트 소유자에게 가능한 경우 '관련 텍스트 옆에 이미지를 배치'하도록 요청합니다. 사용하는 이미지가 텍스트와 관련이 있는지 확인하십시오.

크기를 조정하고 이미지를 압축하고 올바르게 저장하면 WordPress에 추가할 준비가 된 것입니다.

WordPress에 이미지 추가

• WordPress 관리 영역에 로그인하고 게시물 또는 페이지로 이동합니다.
• Gutenberg 블록 편집기를 사용하여 + PLUS 아이콘을 눌러 '이미지 블록'을 추가합니다. 페이지에서 이미 사용 중인 블록 위로 마우스를 가져가기만 하면 됩니다. 블록 아래에 더하기 아이콘이 나타납니다.

• 더하기 기호를 누르면 차단 옵션이 포함된 메뉴 팝업이 나타납니다.
• 정기적으로 사용되는 블록에 편리한 '가장 많이 사용되는' 섹션이 있습니다. 여기에 IMAGE가 표시되지 않으면 상단의 검색 필드를 사용하십시오.
• 클릭한 더하기 기호 아래에 새 이미지 블록이 배치됩니다. 블록은 선택한 블록의 왼쪽에 있는 위/아래 화살표를 사용하여 쉽게 이동할 수 있습니다.
• UPLOAD 버튼을 눌러 이미지를 업로드합니다.
• 이미지가 블록 내에 나타납니다. 업로드한 모든 이미지는 미디어 라이브러리에도 표시됩니다.

WordPress의 이미지 정렬

도구 모음을 사용하여 해당 블록 내에서 이미지를 정렬할 수 있습니다. 이미지를 선택하면 도구 모음이 왼쪽 상단에 나타납니다.

위에 하나, 아래에 하나의 두 줄이 있는 상자와 유사한 아이콘을 사용합니다.

아이콘 오른쪽에 있는 화살표를 누르면 이미지를 왼쪽, 오른쪽, 가운데, 너비 또는 전체 너비로 정렬하는 옵션을 찾을 수 있습니다.

항상 저장한 다음 프런트 엔드에서 이미지가 어떻게 배치되는지 확인하십시오. 이미지가 상상한 대로 정렬되지 않을 수 있습니다. 백엔드 에디터는 프론트엔드에 대해 다른 이야기를 합니다.

데스크톱 컴퓨터와 모바일 장치에서 확인하여 두 화면 크기 모두에서 올바르게 표시하십시오.

이미지 도구 모음을 사용하여 이미지를 연결하거나 교체할 수도 있습니다.

이미지 배치를 위한 WordPress 열

WordPress 블록 편집기의 열을 사용하여 큰 화면에서 다른 블록의 왼쪽이나 오른쪽에 이미지를 배치합니다. 나란히 표시되는 신문 칼럼을 상상해 보십시오.

이것은 예를 들어 단락 옆에 이미지를 배치하는 방법입니다.

스마트폰과 같은 작은 장치에서는 열이 하나씩 쌓입니다. 일반적으로 왼쪽 열은 오른쪽 열 위에 쌓입니다.

2개의 열을 생성하려면:

• 더하기 기호를 눌러 블록을 만듭니다.
• 이제 COLUMNS를 누르거나 COLUMNS를 검색하십시오.
• 맨 왼쪽 옵션, 두 개의 열, 동일한 분할을 선택합니다.
• 각 열 내에서 더하기 기호를 눌러 위와 같이 하나의 열에 이미지를 추가합니다.
• 단락을 추가하려면 다음 열에 있는 더하기 기호를 누르십시오.

WordPress의 검색 엔진용 이미지 최적화

웹사이트 소유자가 검색을 위해 이미지를 최적화하는 데 도움이 되도록 WordPress가 제공하는 두 가지 더 중요한 속성을 강조하고 싶습니다.

대체 텍스트(대체 태그)

대체 텍스트는 대체 텍스트를 나타내며 정보 태그입니다.

Alt 태그는 '이미지가 꺼진' 사용자, 시각 장애가 있는 사용자 및/또는 스크린 리더를 사용하는 사용자를 돕는 데 사용됩니다.

또한 alt 태그는 Google이 이미지가 무엇인지 이해하는 데 도움이 됩니다.

작성할 때 핵심 문구를 사용하십시오.

WordPress 블록에서 이미지 블록을 클릭하면 ALT 태그 필드가 표시됩니다. 페이지 오른쪽의 차단 설정 아래에 있습니다.

이미지 캡션

이미지 캡션을 제공하면 검색 엔진 순위에 도움이 될 것입니다. 비록 지저분해 보이기 때문에 자주 사용하지는 않지만.

Google은 웹사이트에 방문한 사용자에게 좋은 경험을 제공하기를 바랍니다.

캡션을 추가하려면 페이지의 이미지 블록을 클릭하기만 하면 이미지 아래에 캡션 필드가 나타납니다.

캡션을 포함하지 않으면 여기에 아무 것도 표시되지 않습니다.

워드프레스 갤러리

워드프레스 갤러리는 레이아웃이 유사한 한 영역에 둘 이상의 사진을 포함할 수 있는 기능을 제공합니다.

WordPress 갤러리를 추가하는 빠른 자습서:

• 더하기 기호를 눌러 블록을 만듭니다.
• 검색 후 GALLERY를 누르십시오.
• 갤러리 블록이 페이지 또는 게시물에 나타납니다.
• '업로드' 버튼을 클릭하여 컴퓨터에서 이미지를 업로드합니다.
• 미디어 라이브러리에서 이미 호스팅된 이미지를 포함하려면 '미디어 라이브러리' 버튼을 사용하십시오.
• 여러 이미지를 선택하십시오. 파란색으로 강조 표시되고 체크 표시가 나타납니다.
• 오른쪽 하단에 – CREATE A NEW GALLERY라고 표시된 파란색 버튼을 누르십시오.
• 왼쪽에 있는 링크를 사용하여 갤러리에 계속 추가하세요.
• 또는 왼쪽 하단의 파란색 버튼을 사용하여 페이지에 GALLERY를 삽입하십시오.

갤러리가 페이지에 있으면 설정을 변경할 수 있습니다. GALLERY 블록을 선택한 다음 오른쪽 사이드바에 나타나는 블록 설정을 사용합니다.

나는 WordPress 갤러리 추가, 편집 및 향상에 도움이 되는 훨씬 더 깊이 있는 게시물을 작성했습니다.

WordPress에 이미지를 추가하는 빠른 프로세스

• 적절한 비율의 이미지를 찾습니다.
• 재사용이 가능한지 확인하거나 라이선스를 구매하세요.
• 기사에 맞게 픽셀 너비를 조정합니다.
• 압축 소프트웨어를 사용하여 kb를 낮춥니다.
• Google 요구 사항에 따라 저장합니다.
• 블록을 사용하여 게시물, 페이지 또는 WordPress 갤러리에 추가하십시오.
• ALT 태그, 제목 태그 및 캡션을 사용하여 각 이미지를 최적화합니다.