완벽한 픽셀Chrome 확장 프로그램은 웹 개발자 및디자이너는 개발 된 HTML 웹 사이트 위에 반투명 이미지를 쉽게 오버레이 할 수 있습니다. 개발자는 웹 페이지에서 이미지를 움직여 픽셀의 차이를 시각적으로 볼 수 있습니다. 이 확장에는 불투명도 옵션이있어 오버레이 및 개발 된 HTML을 모두 볼 수 있습니다. 이미지를 움직일 때 좌표는 PerfectPixel 팝업에서 자동으로 업데이트 된 다음 웹 개발자가 복사하여 사용할 수 있습니다.
확장 프로그램을 설치 한 후 툴바에서 버튼을 클릭하면 웹 페이지에 팝업이 나타납니다. 딸깍 하는 소리 새 레이어 추가 로컬 시스템에서 파일을 선택하십시오.. 이 이미지는 웹 페이지에 즉시 레이어로 추가됩니다. 당신은 할 수 있습니다 표시 / 숨기기 이미지와 다른 이미지를 선택. 이미지를 다른 곳으로 이동하여 테스트팝업에서 좌표가 자동으로 업데이트됩니다. 원하는만큼 이미지를 추가하고 특정 이미지를 클릭하여 선택할 수 있습니다. 이미지가 올바르게 배치되면 업데이트 된 좌표를 사용하여 CSS를 통해 이미지를 배치 할 수 있습니다. 개발자는 여러 오버레이 지원을 언급했습니다. 그러나 테스트 결과 여러 계층을 추가 할 수 없었습니다.
완벽한 픽셀 옵션 당신이 활성화 할 수 있습니다 스토리지 호환성 모드, 이미지 업로드와의 호환성 문제를 해결하기 위해 존재합니다. 그러나 호환 모드 사용의 한 가지 제한 사항은 파일 크기가 최대 1.5MB로 제한된다는 것입니다. 당신은 또한 사용할 수 있습니다 디버그 모드 과 단축키.
그러나 테스트 결과에 따르면여러 레이어를 추가하면 주어진 페이지에서 한 번에 하나의 레이어 만 볼 수 있습니다. 이는 유감스러운 제한 사항이며 개발자는 한 번에 여러 레이어를 볼 수 있도록 변경을 고려해야합니다. '잠금'버튼은 추가 한 이미지 레이어의 위치를 저장하며 확장 프로그램을 종료하더라도 (버튼을 다시 클릭하여 패널이 사라지더라도) 다음에 열 때 해당 이미지의 위치를 기억합니다.
PerfectPixel 확장 프로그램은 웹 개발자 및 디자이너에게 유용한 도구이며 아래의 Chrome 웹 스토어 링크에서 제공됩니다.
Chrome 용 PerfectPixel 설치
코멘트