Làm đẹp ảnh chụp màn hình

Một ảnh chụp màn hình trơ trụi trông phẳng lì ở bất cứ đâu bạn dán

Một ảnh chụp màn hình lấy thẳng từ màn hình của bạn là một hình chữ nhật gồm các điểm ảnh với mép cứng ở cả bốn phía. Riêng nó thì ổn cho một báo cáo lỗi. Nhưng ngay khoảnh khắc bạn thả nó vào một dòng tweet, một trang chiếu, một ảnh chủ đạo trang đích, hay một tài liệu Notion, nó trông dở dang — nó chạm sát vào chữ xung quanh, các góc thấy sắc và rẻ tiền, và không có sự tách bạch nào giữa tấm ảnh và hậu cảnh. Bạn đã thấy phiên bản bóng bẩy cả trăm lần: một ảnh chụp sản phẩm trôi nổi trên một dải chuyển màu dịu, với một chút chỗ thở xung quanh, các góc bo nhẹ, và một bóng đổ mờ để nó nhấc lên khỏi trang. Cái vẻ đó không phải một bộ lọc hay một mẫu có sẵn. Nó là ba thứ nhỏ xếp chồng lại với nhau, và công cụ này làm đúng ba thứ đó.

Bạn thả một ảnh chụp màn hình lên canvas và nó ghép tấm hình hoàn thiện ngay tức thì trong trình duyệt của bạn. Bạn chọn một hậu cảnh — một dải chuyển màu định sẵn, một màu đặc, hay trong suốt — đặt bao nhiêu đệm bao quanh ảnh chụp, chọn bán kính góc, và chỉnh bóng đổ lên hay xuống. Bản xem trước cập nhật khi bạn làm. Khi trông đã đúng, bạn xuất một tệp PNG. Ảnh chụp, vốn có thể chứa một luồng email, một bảng điều khiển, một cuộc chat, số tài khoản, bất cứ thứ gì, được vẽ thẳng lên một phần tử <canvas> và không bao giờ rời khỏi tab. Không tải lên, không tài khoản, và một khi trang đã tải thì nó vẫn chạy khi tắt mạng.

Đệm, bo góc, bóng đổ, và dải chuyển màu thực sự làm gì

• Đệm cho ảnh chụp một khoảng lề để nó không bị nhồi sát mép. Cái khoảng cách đó là thứ khiến nó đọc lên như một vật thể được đặt có chủ đích lên một bề mặt thay vì một bản chụp thô.
• Góc bo tròn trên chính ảnh chụp làm dịu bốn góc vuông cứng. Đó là một thay đổi nhỏ xíu nhưng lập tức đọc lên như "được thiết kế" thay vì "được chộp lấy".
• Một bóng đổ mềm tách ảnh chụp khỏi hậu cảnh, để nó trông như đang ngồi hơi cao hơn bề mặt thay vì dán phẳng lên đó. Giữ nó mờ nhạt — đó là thứ bán được chiều sâu mà không trông nặng nề.
• Một hậu cảnh dải chuyển màu (hay màu đặc) lấp phần đệm bằng màu. Một dải chuyển màu hai tông nhẹ là lý do lớn nhất khiến những ảnh chụp ra-mắt-ứng-dụng và nhật-ký-thay-đổi kia trông đắt tiền; một màu đặc là lựa chọn thay thế điềm tĩnh hơn, hợp thương hiệu hơn.

Cùng nhau, đây là cái vẻ "ảnh chụp sản phẩm", và đó là toàn bộ phạm vi của công cụ — không hơn, không kém.

Tỷ lệ khung hình cho nơi nó sẽ đi tới

Bản xuất có thể là Tự động (khung chỉ ôm lấy ảnh chụp của bạn cộng đệm) hoặc khóa vào 16:9, 4:3, 1:1, hay 3:4. Tỷ lệ quan trọng vì mỗi nơi bạn đăng có một hình dạng nó ưa: 16:9 cho các bộ trang chiếu và thẻ mạng xã hội rộng, 1:1 cho một bài đăng Instagram hay LinkedIn vuông, 3:4 cho một tấm ảnh cao lấp nhiều hơn màn hình điện thoại. Khóa tỷ lệ và phần đệm lấp nốt phần còn lại của khung quanh ảnh chụp của bạn, để bản xuất thả vào ô đó mà không bị cắt xén vụng về.

Hậu cảnh trong suốt, có chủ đích

Đặt hậu cảnh thành trong suốt và tệp PNG xuất ra với vùng đệm để trống thay vì có màu. Đó là cái bạn muốn khi bạn sắp đặt ảnh chụp góc-bo-tròn, có-bóng-đổ lên hậu cảnh của riêng mình trong Figma, Keynote, hay một ảnh thu nhỏ — bạn giữ đệm, bán kính, và bóng đổ, và thả nó lên bất kỳ bề mặt nào bạn vốn đã có. Bóng đổ vẫn ở đó; chỉ có phần lấp phía sau nó biến mất.

Vì sao chỉ-tại-chỗ mới là điểm mấu chốt ở đây

Ảnh chụp màn hình âm thầm là một trong những thứ riêng tư nhất mà bạn từng muốn chia sẻ một phiên bản của nó. Một bản chụp duy nhất có thể cho thấy tên một khách hàng, một hóa đơn, một tin nhắn riêng, một chỉ số nội bộ, một mã trong thanh URL. Một công cụ làm đẹp tải ảnh của bạn lên máy chủ để "xử lý" nó đang yêu cầu bạn giao đi tất cả những thứ đó chỉ để thêm một bóng đổ. Ở đây việc ghép hình chỉ là công việc canvas thuần túy trong chính trình duyệt của bạn, nên không có gì để tải lên và không có gì để tin.

Một lưu ý thành thật về phạm vi: cái này thêm vào lớp bóng bẩy dải-chuyển-màu-đệm-bóng-đổ và không gì khác. Nó không bọc ảnh chụp của bạn trong một khung trình duyệt hay một bản mẫu khung điện thoại, và nó không thêm mũi tên, lớp mờ, hay chú thích — nó là cái vẻ làm-đẹp, mỗi lần một ảnh chụp.