본문 바로가기

Tip

[티스토리] 스킨편집 포토샵이 없어도 그림판으로 가능 합니다.

728x90
반응형

티스토리를 운영하다 보면

사진 편집할 일이 많아집니다.

 

포토샵이 없거나, 사용방법을 몰라도

Windows 보조 프로그램인 "그림판"을

 

이용해 사진의 크기를 수정, 저장하는

방법을 알려드립니다.

 

 홈 설정 중 "스킨 편집"이 필요할 때

사용 가능 한 방법입니다.

그럼 티스토리 설정 화면으로 넘어가 보겠습니다.

 

티스토리 설정화면

 

티스토리(Tistory) 로그인 후 설정 화면에서

설정 아이콘을 클릭합니다.

 

스킨편집 선택

 

 

설정 화면에서 꾸미기란 

"스킨 편집"을 클릭해 들어갑니다.

 

스킨편집_수정선택

현재 3장의 슬라이더 스킨 화면 중

 

첫 번째 스킨 화면 파일을

변경해 보겠습니다.

 

슬라이더 변경 화면

 

TEST 하기 위해

 

첫 번째

슬라이더 화면을 선택합니다.

 

 

 

첫번째 슬라이더 설정화면

 

설정 오른쪽 하단을 보면 " 이미지" 란이 

있습니다.

 

"+ "는 그림 추가 설정

"-"는 그림 삭제 설정입니다.

 

우린 그림 추가 설정을 선택해 

이미지를 변경해 보겠습니다.

 

아~ 참, 추가할 이미지를 먼저

찾아야겠군요.~

 

https://pixabay.com/

무료 이미지를 다운로드할 수 있는 사이트입니다.

pixabay.com

사이트에 접속 후 

필요한 이미지를 검색합니다.

 

제 Tistory가 IT 관련 글이라

저는 "Internet Technology"로 검색해 보겠습니다.

 

이미지 선택

 

이미지를 선택 후 무료 다운로드 화면

입니다.

 

붉은색 블록을 보시면

 

"상업적 용도로 사용 가능"

"출처 안 밝혀도 됨"

이라고 명시해 있습니다.

 

[꼭!!! 무료 파일로 사용 가능한지 확인 필요]

 

 

이미지 크기 선택

 

 

참고로, 티스토리 슬라이더 이미지 화면은

 

"1920 *960"으로 최적화

되어 있습니다.

 

 

이미지 크기는 나중에 수정하고

우선 3번째 이미지를

선택해 다운로드합니다.

 

 

 

이미지 다운로드

 

 

다운로드 전 로봇이

아닌지 확인하는군요.

 

캡처 화면에는 없지만,

 

예시 화면에서 요청하는

이미지를 선택하면 됩니다.

 

예) 자동차 이미지만 선택해 주세요.

 

 

 

 

다운로드 화면

 

이미지를 다운로드합니다.

 

특별한 설정이 없다면

 

대부분 다운로드한 파일은

"다운로드"폴더를 보시면

됩니다.

 

 

 

 

 

다운로드 폴더

 

 

 

다운로드 폴더

 

다운로드한 이미지를 찾아 

 

복사 후 작업 폴더로

이동합니다.

 

 

파일 속성 선택 화면

 

이미지 파일을 작업 폴더에 옮긴 후 

 

마우스 우클릭을 하면 위와 같이 파일 사이즈를 

확인할 수 있습니다.

 

 

이미지 사이즈가 우리가 원하는 " 1920*960"이 아니군요.

 

수정이 필요해 보입니다.

 

그럼, 수정 단계로 진행해 보겠습니다.

 

연결 프로그램 설정 화면

 

이미지 파일 우클릭 후

 

"연결 프로그램(H)"을 선택합니다.

 

우리는 "그림판"을 이용해

 

수정 작업을 진행합니다.

 

 

그림판 내 속성 선택 화면

 

 

그림판에서

 

"파일" 선택 후 "속성"을 클릭합니다.

 

 

 

속성 선택 화면

 

이미지 속성을 보면

"너비(W)와 "높이(H)"가 1920*1280로

되어 있군요.

 

높이(H)를 티스토리 슬라이더 최적화 크기인

"1920*960"으로 변경하겠습니다.

 

높이(H)에 "960" 입력하고

"확인"을 진행합니다.

 

 

그림판 설정 화면

 

이미지 저장 형태는

 

" PNG" 또는 "JPG"로

 

저장하시면 됩니다.

 

 

작업폴더

 

작업 폴더에 이미지 파일이

생성되었습니다.

 

그럼, 우리가 원하는 크기로

변경되었는지 

확인해 보겠습니다.

 

 

파일 속성 확인

이미지 선택 우클릭

후 확인한 화면입니다.

 

이미지 크기가 우리가 원하는

 

"1920*960" 픽셀로 

 

변경되었습니다.

 

자~ 그럼, 다시

 

티스토리 설정 화면으로 넘어가 

슬라이더 이미지를 

 

수정한 이미지로 변경해 보겠습니다.

 

 

 

 

티스토리 설정 화면

 

 

티스토리 설정 화면입니다.

 

"스킨 편집"을 선택합니다.

 

슬라이더 선택 화면

 

슬라이더 선택 화면에서

 

"홈 설정" 중 "슬라이더" 수정을 

 

선택합니다.

1번째 슬라이드

 

첫 번째 슬라이더

 

"수정"을 선택해 

 

이미지 변경 화면으로

이동합니다.

 

윗글에서 설명드린 내용처럼

 

"+"는 그림 추가 변경

"_"는 그림 삭제입니다.

 

"+"를 선택해 그림 추가 변경을 

 

실행합니다.

 

 

슬라이더 설정화면

 

이미지 선택 후 화면

 

오른쪽 위 편에 "저장" 선택을

꼭 해주셔야 합니다.

 

그리고, "새로고침"을 선택하면

티스토리 첫 화면인

 

" 슬라이더" 이미지가 변경 적용됩니다.

 

 

 

변경 적용전 화면

 

티스토리 슬라이더

 

변경 전 화면 모습

 

 

변경 후 화면

 

 

티스토리 슬라이더 배경화면

 

설정 변경이 잘 진행

되었습니다.

 

오늘도 티스토리

 

열심히 운영하세요~

728x90
반응형