Blogger - 10 resizeImage 연산자

Blogger resizeImage 연산자 - 썸네일 이미지 및 원본 이미지 크기를 새로운 크기로 재조정.
1 min read

resizeImage 연산자는 원본 이미지를 새로운 크기로 조정합니다. 일반 이미지를 적절한 크기로 재조정할 때 사용하는 썸네일 함수입니다.

resizeImage 연산자

함수 설명
imageURL 구글 포토(Google Photo), 블로거(blogger) 및 유튜브 썸네일 등 매개 변수와 함께 사용.
큰 따옴표( " " )로 묶어서 사용.
NewSize 너비(width)를 기준으로 한 새로운 크기를 정수로 설정.
Ratio "1:1" 비율 또는 "4:3" 비율 또는 "16:9" 비율 또는 "1200:630" 비율 등의 정수로 설정.
큰 따옴표( " " )로 묶어서 사용.

예제 1

다음 예제는 이미지 크기를 1:1 비율로 하여 128x128으로 설정한 것입니다.

<img expr:src='resizeImage(
  data:post.featuredImage,
  128, "1:1"
)' />

예제 2

다음 예제는 원본 이미지 크기를 640px로 재조정하고, 비율은 640:240으로 설정한 것입니다.

<img expr:src='resizeImage(
  "https://1.bp.blogspot.com/-aGJBF3iJkuE/YDL4WaF8nII/…/s0/sample_830.png",
  640, "640:240"
)'/>

You may like these posts

  • 모바일 안드로이드(Android)와 아이폰(iOS) 에서 브라우저 주소창이 나오는 상단바의 배경색을 설정할 수 있습니다. meta 태그를 이용해서 자신의 웹 사이트의 테마 색상과 일치시키면 방문자에게 만족스러운 모바일 서비스를 제공할 수 있습니다. 취향에 따라 색상을 마음대로 설정할 수 있습…
  • 안드로이드에서 구글 블로그 모바일 앱 사용하기 구글 블로그 모바일 앱을 사용하면 블로그 게시글을 게시, 수정할 수 있습니다. 안드로이드 사용자는 누구나 이 앱을 다운로드하여 언제 어디서나 Blogger 앱로 포스팅을 게시할 수 있습니다. 또는 게시글을 임시보관 글로 저장한 다음에 나중에 다시 …
  • CSS는 HTML 또는 XHTML을 기반으로 하는 블로그나 웹 사이트의 중요한 구성 요소 중 하나입니다. HTML만으로 웹 페이지를 표시하기에는 충분하지 않기 때문에 HTML의 모양새를 개선하기 위해서 CSS가 꼭 필요합니다. 반대로 HTML 없이 CSS만 사용하도 페이지가 표시되지…
  • Live Demo Voice Stop Google Voice 음성 지원은 방문자가 목소리와 함께 웹을 검색하고 읽을 수 있게 해줍니다. 이 포스팅에서는 블로그에 음성 안내 지원 기능을 추가하는 방법에…
  • Blogger에서 404 에러 페이지가 발생하는 이유는 블로그에서 관련 링크를 삭제하거나 또는 검색 엔진이 블로그에 있는 글의 URL을 잘못 크롤링하여 발생할 수 있습니다. 이와 같은 오류가 발생한 URL은 다음과 같은 방법으로 해결 할 수 있습니다. 오류가 발생한 URL을 블로그 …
  • 1. Popup 2. Simple 3. Slide Popup search box …

Post a Comment