웹사이트

포스트: 46
Tags

Posts

46 posts

파비콘 제작 사이트 “FAVICON FROM PICS”

소인배(小人輩).com|2019년 4월 3일

파비콘 제작 사이트 “FAVICON FROM PICS”인터넷 홈페이지에는 파비콘이라는 것이 있습니다. 이는 홈페이지를 나타내는 작은 아이콘이라고 할 수 있는데요. 보통 인터넷 주소 옆에 조그마하게 보이는 작은 아이콘입니다.아이콘의 크기는 16X16, 32X32, 64X64 픽셀이 될 수 있으며, 8비트, 24비트, 32비트 색상이 가능합니다.“파비콘이 지원되는 브라우저들...”이러한 파비콘은 브라우저별로 지원 여부에서 조금씩 차이를 보입니다. ICO 형태의 파일, PNG, GIF 등의 파일에서 조금씩 차이를 보이는데요.일반적으로 “ICO”, “PNG”, “GIF” 파일의 경우에는 “구글 크롬, 인터넷 익스플로러, 모질라 파이어폭스, 오페라, 사파리”에서 모두 지원합니다.하지만, 그 외의 포맷의 경우 브라우저별로 조금씩 차이를 보이는 것이지요.“파비콘을 간단하게 만드는 방법”이러한 파비콘은 직접 포토샵이나 일러스트레이터 등의 프로그램을 이용해서 만들 수 도 있지만, 이러한 아이콘 제작이 어렵다고 느껴지면, 파비콘을 제작할 수 있는 인터넷 사이트를 이용하는 것이 도움이 됩니다.그래서 이번에는 이러한 파비콘을 간단하게 만들 수 있는 웹사이트에 대해서 한 번 소개를 해보도록 하지요.사이트 이름은 “FAVICON FROM PICS”라는 간단한 웹사이트입니다.“파일을 업로드하면, 파비콘으로 만들 수 있는 웹사이트”이용방법 역시도 상당히 간단한데요. 이 사이트를 이용하기 위해서는 “파일”을 업로드하고, 만들어진 파일을 다운로드하면 끝이랍니다.그래서 아주 간단히 파비콘을 만들 수 있답니다. 여기까지, 파비콘과 파비콘을 간단하게 만들 수 있는 웹사이트 “FAVICON FROM PICS”라는 사이트에 대해서 한 번 살펴보았습니다.“파비콘을 만드는 인터넷 사이트”주소 : http://favicon.htmlkit.com/favicon/특징 : 인터넷 파비콘을 만드는 사이트

유튜브 "영상 반응형으로 올리는 방법"

소인배(小人輩).com|2019년 3월 16일

유튜브 "영상 반응형으로 올리는 방법" 요즘에는 온라인 홈페이지나 블로그에 영상을 쉽게 첨부할 수 있습니다. 유튜브, 네이버, 카카오 등에서 영상 서비스를 제공하고 있어서, 여기에 올려놓은 영상을 “코드”만 삽입하면 내 블로그나 홈페이지에서 볼 수 있도록 올릴 수 있답니다. 그래서 단순히 글과 사진만으로 “글”을 쓸 필요는 없게 되었습니다. 글, 사진, 영상, 플래시 등 다양한 미디오를 한 곳에 조합할 수 있게 되었으니 상황에 맞게 적절히 잘 조합한다면, 재미있는 콘텐츠를 만들어 낼 수 있는 것이지요. “일반적인 영상 첨부의 경우” 이렇게, 일반적인 영상 첨부의 경우에는 대부분의 영상 제공 사이트, “유튜브, 네이버, 다음(카카오)” 등에서 바로 “퍼가기” 기능을 제공합니다. 그래서, 퍼가기 기능에서 나오는 코드를 복사해서 내가 붙여놓고자 하는 곳에 “붙여 넣기”를 하면 영상을 가져올 수 있습니다. 이렇게 기본적으로 영상을 가져오는 방법은 간단한데요. 하지만, 이 방법으로 영상을 가져오게 되면, 영상 크기를 “고정”해서 가져오게 되는 경우가 대부분입니다. 예를 들어서, “600 X 480”으로 영상을 가져오게 되면, 어떤 환경에서 보아도 화면 사이즈가 “600 X 480”으로 고정이 되게 되지요. 큰 화면에서 보아도 같은 사이즈, 휴대폰과 같은 작은 사이즈에서 보아도 같은 화면 크기로 보입니다. “큰 비율로 첨부된 영상을 휴대폰에서 볼 경우” 이렇게 어느 화면에서 보아도 차라리 같은 비율과 같은 사이즈로 나온다면 괜찮을 텐데, 아쉽게도, 위의 경우 “600 X 480”을 예로 들면, 가로 크기가 600보다 작은 기기에서 보게 되면, 예를 들어서 “300”짜리의 휴대폰에서 본다고 가정을 해본다면, 600 X 480”으로 나오는 것이 아니라, “300 X 480”과 같이 비율이 꺠져서 나오게 됩니다. 그래서, 이렇게 화면이 작은 기기로 영상을 보게 되면, 원하는 영상을 제대로 볼 수가 없는 현상이 발생합니다. “반응형으로 코드를 삽입하면, 이 문제를 해결하고 있다.” 이러한 문제는 사실, 모바일이라는 기기가 등장하면서 생긴 문제인데요. 요즘에는 이러한 문제의 해결책으로 “반응형”으로 코드를 짜서, 홈페이지나 블로그를 구축하는 경우가 많아지고 있습니다. 그래서 마찬가지로 이런 문제도 “반응형 코드”로 영상을 가져가는 것으로 해결할 수 있답니다. “EMBED 코드를 “반응형 박스” 안에 넣어주면 문제를 해결할 수 있다.” 그래서, 이러한 문제를 해결하는 가장 쉬운 방법으로는 반응형으로 일정한 비율을 유지하는 가상의 박스를 만들어주는 것으로 해결할 수 있습니다. 하지만, 이렇게 코드를 직접 짜라고 하면, 전공자나 전문가가 아니고서는 쉽지 않을 텐데요. 그래서, 이것을 쉽게 해주는 사이트가 있습니다. 바로 “EMBEDRESPONSIVELY.COM”이라는 사이트이지요. 이 사이트에서 “유튜브 영상”이나, “구글 지도”의 주소를 넣기만 하면, 그대로 반응형 소스로 만들어 준답니다. 그 원리는 간단합니다. 위에서 언급한 “반응형 박스”를 만들어서 그 안에 영상 코드를 삽입하는 형태인 것이지요. “네이버, 다음(카카오)에서 가져오는 영상의 경우” 해외에서 운영하는 사이트인지라, 주로 유튜브를 대상으로 작동하는 사이트인데, 우리나라의 “네이버”나 “다음”에서 가져온 영상을 그대로 응용할 수도 있습니다. 바로 이 사이트에서 공개하고 있는 코드를 이용하면 되지요. 요즘에는 보통 영상을 “IFRAME” 코드로 가져오는데요. 위의 박스에 있는 코드에서 “”에 해당하는 부분만 바꾸어서 넣어주면 반응형으로 작동하는 영상을 첨부할 수 있답니다. 깔끔한 웹사이트를 운영하는데 알아두면 도움이 되는 정보라고 할 수 있지요. 여기까지, “반응형으로 영상을 가져오는 법”에 대해서 한 번 살펴보았습니다. 도움이 되는 내용이었기를 바랍니다. “반응형으로 영상 첨부하는 방법” 소스 제공 사이트 : http://embedresponsively.com

영어자막 사이트 "TVSUBTITLES.NET"

소인배(小人輩).com|2019년 3월 14일

영어자막 사이트 "TVSUBTITLES.NET" 해외 드라마나 영화를 시청하는 경우에 "자막"이 없으면 보기에 영 불편한 것이 사실입니다. 그래서 영상은 있더라도 이러한 자막이 없으면 보기 힘들 텐데요. 이번에는 이렇게 영화나 TV 드라마의 자막을 공유하는 사이트에 대해서 한 번 살펴보도록 하겠습니다. "해외 드라마, 영화 자막을 찾을 수 있는 사이트" 이렇게 드라마와 영화의 자막을 공유하는 사이트는 여러 곳이 있을 텐데요. 제가 예전에 해외 드라마와 영화를 이용해서 영어 공부를 할 때, 가장 유용하게 사용했던 사이트가 있습니다. 바로 "TVSUBTITLES.NET"이라는 사이트였는데요. 이 사이트에서는 방대한 양의 자막 자료가 계속해서 업데이트가 되고 있음과 동시에 옛날 사이트임에도 불구하고 인터페이스가 제법 괜찮은 편이었습니다. 물론, 요즘 나오는 반응형 웹사이트 등의 세련된 스킨이 적용된 사이트에 비하면, 옛날 느낌이 나는 사이트이긴 하지만요. "영어 자막이 가장 많지만, 다른 언어의 자막도 제공하는 사이트" 이 사이트에서 찾아볼 수 있는 자막 자료는 영어자막 자료가 대부분입니다. 아무래도 이 곳은 해외 사람들이 이용하는 곳이다 보니, 한국어 자막보다는 영어 자막을 가장 쉽게 찾을 수 있는데요. 그래도 영어 외의 다른 언어로 된 자막을 찾을 수 있기도 하답니다. 간혹 어떤 작품들의 경우에는 한국어 자막이 올라와 있는 것을 볼 수 있기도 한데요. 그래서 운이 좋다면, 한국어 자막도 여기에서 찾을 수 있기도 하답니다. "제법 오래됐지만, 지금도 꾸준히 자료가 올라오는 사이트" 제가 이 사이트를 처음 알았던 때가 아마도 2008년 정도였던 것으로 기억하는데요. 지금 다시 들어가 보니 아직도 자막 자료가 꾸준히 올라오고 있었습니다. 하지만, 자금난을 겪은 것인지, 그 사이에 영 보기 좋지 않은 광고가 사이트에 붙어있기도 하네요. 그래도 이 곳에서 공유하는 자막 자체는 나쁘지 않은 편이니, 특히 영어 자막이 필요하신 분들이 이용하면 좋은 사이트랍니다. "영어자막 사이트, TVSUBTITLES.NET" 홈페이지 : http://www.tvsubtitles.net 특징 : 영어 자막 사이트 언어 : 영어

애플 제품 구입 시기 확인하는 방법 "MAC RUMORS"

소인배(小人輩).com|2019년 1월 12일

애플 제품 구입 시기 확인하는 방법 "MAC RUMORS" 애플 제품은 특별한 주기를 가지고 업데이트가 됩니다. 그래서, 애플 제품을 가장 잘 사는 때는 신제품이 출시된 직후에 사는 것이 가장 좋을 수도 있습니다. 어차피 같은 가격을 주고 사는데, 신제품을 가장 오랫동안 사용할 수 있게 되니까요. 혹시나, 반대로 오늘 내가 애플 제품을 구입했는데, 내일 새로운 제품이 나온다면, 그것만큼 안타까운 경우도 없을 것입니다. 애플의 경우에는 신제품을 출시했..