하이브리드 앱(WebView)에서 viewport 설정에 따른 화면 확대 차이

<meta name = "viewport" content = "width=device-width,initial-scale=1.0" > iOS에서는 화면 확대가 가능했다. Android에서는 대부분 확대되지 않았지만 간혹 확대되는 기기가 있었다. <meta name = "viewport" content = "width=device-width,initial-scale=1.0, viewport-fit=cover" > iOS와 Android 모두 화면 확대가 가능했다. Safe Area 대응 시 주로 사용한다. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"> iOS와 Android 모두 화면 확대가 되지 않았다. 하이브리드 앱에서 화면 확대를 완전히 막고 싶을 때 사용한다. 리 2026년 기준 실제 하이브리드 앱 테스트 결과, 화면 확대를 완전히 막으려면 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"> 가장 안정적으로 동작했다.

[포토샵기초]이미지에 모자이크 효과 적용하기

포토샵으로 모자이크 효과 적용하기는 아주 간단하게 처리할 수 있습니다.

제가 사용하는 포토샵 화면이고 영문 판입니다.

포토샵내에 공룡이미지

포토샵 내에 공룡 한 마리가 다리를 들고 서 있습니다. 티라노사우르스로 보이는데 아주 못생겼습니다. 그래서 저는 이놈의 얼굴을 모자이크 효과를 줘서 잘 안 보이게 할 생각입니다.

모자이크 효과는 포토샵에 왼쪽에 있는 메뉴 중 마퀴툴(Marquee Tool)을 사용합니다.

마퀴툴은 사각 마퀴툴(Rectangular Marquee Tool) / 원형 마퀴툴(Elliptical Marquee Tool) / 싱글 로우 마퀴툴(Single Row Marquee Tool) / 싱글 컬럼 마퀴툴(Single Column Marquee Tool) 네 가지가 있는데 저는 공룡의 얼굴을 가리기 위해서 원형 마퀴툴을 사용 할 것입니다.


1. 마퀴툴(Marquee Tool) 선택하기

한번 클릭하면 현재 설정되어 있는 마퀴툴을 사용할 수 있고 꾹 누르고 있으면 그림과 같이 오른쪽에 선택 메뉴가 나옵니다. 저는 원형 마퀴툴을 선택해서 공룡 얼굴에 적용하겠습니다.

마퀴툴 선택화면

마퀴툴 적용된 공룡이미지



2. 필터(Filter) 사용하기

상단의 Filter 메뉴를 클릭하고 들어가서 그림과 같이 pixelate > Mosaic 메뉴를 선택하여 줍니다.

필터 적용하기 위한 화면

3. 모자이크(Mosaic) 효과 적용하기

모자이크를 메뉴를 클릭하면 아래와 같이 모자이크 팝업 윈도우 창이 뜹니다. 모자이크 팝업 하단에는 Cell size를 조절하여 모자이크 크기를 변경할 수 있게 끔 스크롤 버튼이 있고 버튼을 드래그 하면 박스 안에 있는 수치가 변경되면서 적용 후의 모습을 미리 볼 수 있게 하여 줍니다. 저는 수치를 11로 하고 ok 버튼을 눌렀습니다

모자이크 효과 팝업창


4. 모자이크 효과 적용된 이미지

모자이크 효과 적용된 이미지


못생긴 공룡 얼굴을 모자이크로 숨기려고 했는데 더 무섭게 변했습니다
Cell size를 좀 더 크게 했어야 했는데 아쉽습니다. 
어쨌든 너무 쉽습니다. 실제로 해보시면 글 보다 훨씬 쉽답니다.



댓글