Cách thêm các góc tròn vào hình ảnh trực tuyến

CSS border-radius có thể làm tròn hình ảnh trên các trang web nhưng nó chỉ hoạt động trong trình duyệt - tệp hình ảnh bên dưới vẫn có các góc nhọn. Khi bạn chia sẻ hình ảnh đó trong email, bản trình bày hoặc bài đăng trên mạng xã hội, các góc sẽ trở lại hình chữ nhật sắc nét. Bằng cách áp dụng trực tiếp các góc bo tròn vào các pixel của hình ảnh, hiệu ứng này vẫn tồn tại ở mọi nơi.

Các góc tròn cũng rất cần thiết cho các biểu tượng ứng dụng. iOS sử dụng hình dạng hình chữ nhật bo tròn (siêu elip) cụ thể và Android sử dụng nhiều hình dạng bo tròn khác nhau. Công cụ của chúng tôi cho phép bạn quay số trong bán kính chính xác mà bạn cần.

Bước 1: Tải lên hình ảnh của bạn. Mở Góc ảnh tròn công cụ và kéo và thả ảnh của bạn hoặc nhấp để duyệt. Các tệp PNG, JPG và WebP đều được hỗ trợ.

Bước 2: Điều chỉnh bán kính góc. Sử dụng thanh trượt để đặt bán kính từ 0% (sắc nét) đến 50% (làm tròn hoàn toàn). Hoặc sử dụng các nút cài sẵn: Tinh tế (10%), Trung bình (20%), Tròn (35%) hoặc Đầy đủ (50%). Bản xem trước cập nhật theo thời gian thực.

Bước 3: Tải xuống. Chọn PNG cho các góc trong suốt (lý tưởng để phủ lên bất kỳ nền nào) hoặc JPG/WebP có nền trắng. Nhấp vào Tải xuống và hình ảnh góc tròn của bạn đã sẵn sàng.

Bán kính góc được biểu thị bằng phần trăm của cạnh ngắn hơn của hình ảnh. Đây là giao diện của mỗi cài đặt trước trong thực tế:

Tinh tế (10%): Một đường cong nhẹ nhàng làm mềm các cạnh sắc nét mà không làm thay đổi đáng kể hình dạng hình ảnh. Tuyệt vời cho hình ảnh sản phẩm và ảnh chụp màn hình.

Trung bình (20%): Mặc định — làm tròn cân bằng nhưng đáng chú ý, hoạt động tốt cho hầu hết các trường hợp sử dụng bao gồm thẻ, hình thu nhỏ và bản trình bày.

Vòng (35%): Một đường cong nổi bật gần giống hình tròn. Lý tưởng cho các yếu tố thiết kế và biểu tượng ứng dụng gần đúng.

Đầy đủ (50%): Làm tròn tối đa - biến hình ảnh vuông thành hình tròn. Đối với hình ảnh hình chữ nhật, tạo hình sân vận động (viên thuốc) ở các cạnh ngắn hơn.

Biểu tượng ứng dụng: Biểu tượng ứng dụng iOS và Android sử dụng hình chữ nhật bo tròn. Sử dụng cài đặt trước Vòng hoặc Toàn bộ để phù hợp với nguyên tắc nền tảng.

Hình ảnh sản phẩm: Thẻ sản phẩm thương mại điện tử trông hiện đại hơn với các góc được bo tròn tinh tế.

Bài thuyết trình: Ảnh chụp màn hình và ảnh có các góc bo tròn trông bóng bẩy hơn trong các bản trình chiếu và báo cáo.

Bản tin email: Vì bán kính đường viền CSS được hỗ trợ không nhất quán trên các ứng dụng email nên việc đưa các góc tròn vào hình ảnh sẽ đảm bảo hiển thị nhất quán.

CSS border-radius rất tốt cho các trang web nơi bạn kiểm soát môi trường hiển thị. Nhưng công cụ này sẽ tốt hơn khi bạn cần hiệu ứng làm tròn được đưa vào chính tệp hình ảnh — để chia sẻ, in hoặc sử dụng trong các ngữ cảnh không hỗ trợ CSS.

Giống như tất cả các công cụ iFormat, công cụ góc tròn xử lý mọi thứ trong trình duyệt của bạn. Hình ảnh của bạn không bao giờ rời khỏi thiết bị của bạn — không cần tải lên máy chủ, không cần lưu trữ, không cần lo ngại về quyền riêng tư.