·

광고
광고
728x90

티스토리 블로그나 네이버 블로그를 사용할 때 저작권 설정을 어떻게 하는지 알아보겠습니다. 자신의 글도 창작물인데 다른 사람이 도용했을 경우 법적으로도 대체할 수 있기 때문에 미리 설정을 해두도록 하겠습니다.

 

 

블로그의 사이즈가 크신 분들을 보면 저작자 사용 YES, 상업적이용 NO, 콘텐츠 변경 NO로 되어 있는 것을 보고 저도 궁금했거든요. 네이버, 티스토리 블로그 둘 다 해보도록 할게요!

 

 

▶CCL이란?

 

CCL이란 Creative Commons License, 크레이티브 커먼스 라이센스 라고 한다.

이 마크를 보고 저작권 표시, 변경금지, 동일 조건 변경 허락, 등의 조건을 확인할 수 있고 CCL에는 6가지 종류가 있고 아래 사진은 CCKOREA 홈페이지에서 다운을 받았고 게시물은 저작자를 표시하면 가져올 수 있다. 

 

출처: http://ccl.cckorea.org/

 

 

 

이런식으로 4개의 허락 조건들로 6종류가 되고 가능한 이용, 제한된 이용이 각각 다르기 때문에 잘 알아보고 저작권을 지켜주고 지켜야 한다.

 

 

그럼 티스토리 블로그에서 저작권 설정은 어떻게 하는지 알아보도록 하겠다.

 

 

 

티스토리 블로그

 

먼저 설정에서 '플러그인'을 찾아주세요!

꾸미기 밑에 있으니 찾기 쉽습니다.

플러그인

 

플러그인 들어가보시면 다양한 플러그인을 삽입, 제거할 수 있습니다.

그중 '저작권자 표시'를 찾아 클릭해주세요!

 

 

저작권자 표시

 

저작권자 표시 클릭해주시면 이런 창이 뜨는데요.

저작권자 표시 적용

 

 

'적용' 해주시면 아래와 같이 '사용 중'이라는 표시가 뜹니다.

 

 

저작권자 표시

 

 

따로 설정하지 않아도 ' 마우스 오른쪽 클릭 방지'가 설정이 되네요. 자동으로 해주니 편리합니다.

 

 

 

마우스 오른쪽 클릭 방지

 

글을 발행 시킨 뒤 확인해보니 글 아래에 못보던 표시가 있어서 마우스를 갖다 댔더니 '저작권 표시'라고 알려주네요.

잘 적용이 된 것같습니다. 그럼 네이버네서는 어떻게 설정하는지 알아보겠습니다.

 

 

 

 

 

 

 

 

네이버에서 저작권 설정

네이버 블로그에서 '관리'로 들어가게 되면 간단하게 설정이 가능하다.

 

 

콘텐츠 관리 설정

 

 

'콘텐츠 공유 설정'에 들어가면 여러가지 선택을 할 수 있게 해 두었다.

 

CCL

 

CCl 설정을 한 후에 다른 사람들이 확인할 수 있게 하기 위해서는 블로그의 꾸미기 설정으로 가야 한다.

 

 

레이아웃. 위젯 설정

 

꾸미기 설정에서 레이아웃. 위젯 설정으로 들어가시면 됩니다. 자동으로 팝업이 뜨긴 합니다.

참고로 알아두시면 좋겠습니다. 

 

 

 

위젯 설정

 

 

위젯 사용 설정에서 CCL박스 클릭해주시면 끝!

그러면 내 블로그에서 왼쪽 하단에 CCL 표시를 확인할 수 있습니다.

 

CCL 표시

 

개별 포스팅에서도 수정이 가능하고 포스팅을 발행할 때 각각의 포스팅의 CCL 표시 설정을 변경할 수 있다.

 

 

포스팅 발행 시 CCL 설정

 

 

이렇게 설정 후 발행을 시키면 글 아래에 이런 표시가 생성됩니다.

 

 

저작권 적용 완료

 

 

무단으로 가져가서 포스팅하는 사람들이 많다고 하네요.

저작권 지정해두시고 글을 발행시키면 좋을 것 같다는 생각이 듭니다.

 

 

 

오늘도 여러분들에게 도움이 되었기를 바랍니다.

 

ADIOS

 

728x90
광고
광고
728x90

사이트나 블로그에 접속할 때 느린 속도로 로딩이 된다면 우리는 다른 사이트를 찾거나 다른 페이지를 찾아보기도 합니다. 그렇게 되면 내가 쓴 글이 아무리 좋다고 해도 방문자는 다시 나가게 됩니다. 그래서 페이지 로딩 속도를 개선하고 이미지 용량 줄이는 법, 사이트를 소개하고 비교하도록 하겠습니다.

 

 

 

▶Optimizilla

 

구글에서 "Optimizilla"를 검색했습니다. '온라인 이미지 최적하기'라고 적혀있는것을 보니 우리가 로딩 속도를 개선하는데 도움이 되겠네요.

 

이미지 용량 최적화 사이트

 

Optimizilla 홈페이지 바로가기 ->https://imagecompressor.com/

 

Online Image Сompressor

Optimizilla is the ultimate image optimizer to compress your images in JPEG and PNG formats to the minimum possible size.

imagecompressor.com

 

검색 없이 바로 들어가서 작업하시라고 링크 걸어두었습니다.

 

한국어를 지원하고 JPG, PNG 종류 상관없이 20개의 이미지를 한꺼번에 업로드하고 작업할 수 있다고 하네요. 그럼 홈페이지에서 파일을 업로드하고 작업하는 방법을 같이 해보도록 하겠습니다.

 

 

 

언어설정

 

홈페이지를 열고 나시면 바로 언어 설정을 할 수 있습니다. '한국어'로 바꿔주세요.

 

그런 다음 스크롤을 하시면 아래와 같은 화면이 나옵니다.

 

이미지 업로드

업로드 방법은 [파일 업로드] 버튼을 눌러서 저장되어 있는 이미지를 불러오거나 직접 파일을 드래그 앤 드롭시켜서 옮기셔도 됩니다. 

 

 

변환, 업로딩

 

이미지를 옮겨주면 사이트에서 업로딩 되고 변환을 시켜줍니다. 이 부분에서 시간이 걸리기는 합니다만 저의 체감시간으로는 그렇게 길지 않습니다.

 

 

 

드래그 앤 드롭

 

 

사진을 옮기기만 했는데 알아서 원본 파일의 크기를 알려주고 압축을 시켜줍니다. 로딩 속도가 확실히 개선되겠네요. 

 

* 모두 다운로드로 한 번에 알집 파일로 받을 수 있습니다.

* 줄을 제거하다는 업로드된 파일을 제거해주는 버튼입니다.

 

 

 

압축 전, 후

원본과 압축된 파일을 비교할 수 있는 곳이 있는데 저 같은 경우에는 4.3M의 JPEG 파일이 -98% 압축이 되어서 86K로 줄어들었습니다. 오른쪽에 퀄리티라고 조절할 수 있는 바가 있는데 압축된 이미지의 해상도가 너무 떨어진다 생각이 된다면 숫자를 올려서 조절하시면 됩니다. 저는 여러분께 해상도의 차이를 보여드리기 위해 10%로 했습니다.

 

 

Optimizilla 사이트에 업로딩을 시켜두고 다른 작업을 하시는 것도 추천드립니다.

 

 

이 사이트 말고도 다른 사이트에서도 압축을 할 수 있다고 합니다. 

그곳도 함께 알아보도록 하겠습니다.

 

 

 

TinyPNG

 

TinyPNG 사이트에서는 개당 5MG 제한을 두고 있고 JPG, PNG 이미지 파일을 한 번에 20까지 업로드 가능합니다. 

 

tinyPNG

 

 

TinyPNG 홈페이지 바로가기 -> https://tinypng.com/

 

TinyPNG – Compress PNG images while preserving transparency

Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

tinypng.com

 

 

Optinizilla 보다 압축 및 다운 속도가 비슷한 느낌입니다. 

아래 사진의 사각 박스 안에 압축할 이미지 파일을 드래그 앤 드롭하시면 됩니다. 오른쪽에 Tinypng를 누르면 새로고침 되면서 업로드된 파일들이 제거됩니다.

 

 

이미지 업로드

 

 

이미지를 드래그 앤 드롭하시면 아래와 같은 진행상황을 볼 수 있습니다.

 

 

 

이미지 업로드 중

 

이미지 업로딩이 끝나면 Download는 직접 이미지 파일로 다운로드할 수 있습니다.

 

[Download all]은 압축한 이미지 파일을 압축파일로 다운로드합니다.

[Save to Dropbox]는 드롭박스를 이용하시는 분들이라면 바로 다운로드가 가능하겠습니다.

 

 

이미지 변환 후 저장방법

 

 

Optimizilla와 TinyPNG 이 두 사이트를 비교

하자면 결과물을 비교하고 해상도를 조절할 수 있었던 Optimizilla에 반해 결과 이미지를 다운로드해야만 확인이 가능하다는 것이 단점이라면 단점일 수 도 있겠네요.

 

 

여러분들도 사이트를 통해 이미지의 용량을 줄이고 본인의 블로그의 로딩 속도를 개선하면 좋겠습니다.

 

오늘도 감사합니다.

ADIOS

 

 

 

 

 

 

 

728x90
광고
광고
728x90

이미지 최적화라고 다들 한 번쯤 들어보셨나요? 우리가 글을 작성하면서 설명의 이해도를 높이기 위해 이미지를 많이 첨부합니다. 그림을 삽입하게 되면 이미지로 검색을 했을 경우 웹상의 정보를 시각적으로 찾을 수 있습니다.
그리고 이미지에 관한 맥락을 더 추가하면 검색 결과가 더욱 유용해지므로 사이트에 양질의 트래픽을 유도할 수 있습니다. 이미지와 사이트를 이미지에 최적화하면 방문자가 더 쉽게 발견할 수도 있겠죠. 이미지 검색 결과에 콘텐츠가 표시될 가능성을 높이도록 해야 합니다.

하지만 우리가 글을 포스팅하고 그림을 첨부하면 그림도 텍스트로 인식한다는 사실 아셨나요?
그리고 우리가 그림 위에 쉬운 설명을 위해 글을 작성하는 경우도 많은데 이렇게 할 경우 이미지에 삽입된 텍스트 요소는 일부 방문자는 액세스 할 수 없으며, 이미지에는 페이지 번역 도구가 작동하지 않기 때문에 콘텐츠의 접근성을 최대화하려면 텍스트를 HTML 형식으로 유지하고 이미지의 대체 텍스트를 작성해주는 것이 가장 좋습니다.

이미지가 많을 경우는 속도가 많이 느려지기도 하는데 방문자의 불편요소를 해결하기 위해 우리가 직접 이미지 최적화 작업을 해줘야 합니다

오늘은 여기에 대해서 알아보도록 하겠습니다.

그래서 우리가 alt 속성을 사용해서 이미지 최적화를 시켜줘야 합니다. alt 속성 이미지는 사람이 보는 것이 아닙니다. 검색 봇이 빠르게 우리 이미지를 찾아줄 수 있도록 우리가 설정해주는 것입니다. 참고로 alt 속성으로 바꾼다 하더라도 우리가 보이는 이미지에는 변화가 없습니다. 

 

html페이지
기본모드를 html로 바꾸기

 

 

 

그림을 하나 삽입하시고요, 창 상단에 기본 모드 보이시나요? html을 클릭해주세요. 그럼 아래와 같이 창이 뜨게 됩니다.

html작성이미지
html변경 이미지

 

alt이미지최적화변경
html alt 이미지 작성

 

이미지 명을 찾아서 "하고 한 칸 뛰고 alt="이미지 설명할 텍스트를 적으세요" 이렇게 작성해주시면 됩니다.

 

이렇게 하시면 구글 검색엔진 seo에 더 빠르게 최적화될 수 있습니다. 귀찮고 중요하지 않다고 생각할 수 있지만 최적화가 되어야지 우리 블로그를 빨리 파악하고 노출이 한 번이라도 더 되니깐요.  alt 이미지 꼭 해주시면 좋을 것 같습니다.

 

 

그럼 이만 

ADIOS

728x90
광고

+ Recent posts

광고 /