Chuyển PSD sang SVG
Lưu thiết kế Photoshop thành file .svg cho các công cụ chỉ nhận SVG. Công cụ sẽ làm phẳng file PSD rồi đặt ảnh vào trong SVG, vì vậy hãy đọc tiếp để biết khi nào như vậy là đủ và khi nào logo cần được vector hóa.
Chuyển đổi ảnh
hoặc thả tệp JPG, JPEG, JPE … vào đây ·
Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút
Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.
Mức 85 giữ ảnh trông giống hệt bản gốc. Chỉ hạ xuống khi bạn cần tệp nhỏ hơn.
JPG, BMP và EPS không hỗ trợ độ trong suốt. Các điểm ảnh trong suốt sẽ được tô bằng màu này.
Mã màu hex dùng phía sau các điểm ảnh trong suốt, ví dụ #FFFFFF.
Định dạng này chỉ chứa một ảnh duy nhất. Hãy chọn đầu ra GIF hoặc WebP nếu bạn muốn giữ chuyển động.
Biểu tượng đa kích thước chứa nhiều độ phân giải trong một tệp; trình duyệt và hệ điều hành sẽ chọn độ phân giải cần dùng.
Giữ kích thước gốc, hoặc nhập một cạnh và tỷ lệ khung hình sẽ được giữ nguyên.
Số pixel cho cạnh bạn đã chọn ở trên.
Tỷ lệ phần trăm so với kích thước gốc.
sRGB phù hợp cho màn hình và web. Giữ nguyên bản gốc cho quy trình in ấn; thang độ xám sẽ loại bỏ màu.
Chỉ là siêu dữ liệu, 0 giữ giá trị gốc. Máy in và một số cổng thông tin đọc con số này; nó không thay đổi kích thước điểm ảnh.
Cách sử dụng công cụ này
- 1
Tải file PSD lên
Chọn một hoặc nhiều file .psd, tối đa 20 file mỗi lượt và mỗi file không quá 95 MB.
- 2
Nhấn Chuyển sang SVG
Thiết kế đang hiển thị được làm phẳng theo kích thước canvas rồi nhúng vào một tài liệu SVG. Không có thanh chỉnh chất lượng, vì ảnh bitmap bên trong được lưu không mất dữ liệu.
- 3
Mở file kết quả
Kéo file .svg vào trình duyệt, Figma hoặc Inkscape. Hình sẽ giống file PSD, và khi phóng rất lớn bạn sẽ thấy các điểm ảnh, điều này là bình thường.
Chuyển PSD sang SVG: công cụ thực sự ghi ra những gì
File PSD là một chồng các layer: layer điểm ảnh từ ảnh chụp và cọ vẽ, layer điều chỉnh làm thay đổi điểm ảnh bên dưới, layer chữ, smart object, và layer hình, thứ mà Photoshop lưu dưới dạng path vector từ phiên bản 6.0 năm 2000. Bản thân Photoshop ra mắt tháng 2 năm 1990, và định dạng PSD vẫn mang theo một bản ghép đã làm phẳng của các layer hiển thị để các chương trình khác có thể hiện thiết kế mà không cần hiểu từng loại layer.
Công cụ này dùng bản thiết kế đã làm phẳng đó. Nó kết xuất các layer hiển thị thành một ảnh theo kích thước canvas, rồi ghi một tài liệu SVG chỉ chứa ảnh đó. SVG có đúng chiều rộng, chiều cao và độ trong suốt, nên đặt vào trang hay bố cục giống như bản gốc. Thứ nó không có là một hình chỉnh sửa được: mọi cạnh, kể cả cạnh của layer hình, đều là điểm ảnh. Hiệu ứng, mask và chế độ hòa trộn không có tương đương trực tiếp trong SVG, nên kết quả kết xuất là đầu ra trung thực nhất.
- Chiều rộng hoặc cao lớn nhất của một file PSD
- 30.000 px
- Dung lượng tối đa của file PSD (thiết kế lớn hơn dùng PSB)
- 2 GB
- File PSD lớn nhất công cụ này chấp nhận
- 95 MB
- File PSD mỗi lượt
- 20
PSD
Tài liệu Adobe Photoshop
PSD là định dạng tệp gốc của Adobe Photoshop, được sử dụng từ năm 1990. Định dạng lưu layer, mặt nạ, layer điều chỉnh, văn bản, smart object, kênh màu và hồ sơ màu để thiết kế có thể chỉnh sửa lại sau này mà không bị mất mát. Tệp thường rất lớn, và muốn giữ trọn vẹn thì cần Photoshop; các trình chỉnh sửa khác như GIMP, Photopea và Affinity mở PSD với độ chính xác khác nhau. Trình duyệt, điện thoại và hầu hết biểu mẫu tải lên không hiển thị trực tiếp được PSD.
- Nén
- Không mất dữ liệu
- Độ trong suốt
- Có
- Ảnh động
- Không
- Ra mắt
- 1990 · Adobe
SVG
Đồ họa vector SVG
SVG là định dạng vector dựa trên XML được W3C chuẩn hóa năm 2001. Thay vì điểm ảnh, SVG mô tả hình khối, đường path và văn bản, nên luôn sắc nét ở mọi kích thước và thường rất nhỏ với logo và biểu tượng. Định dạng hỗ trợ nền trong suốt, định kiểu bằng CSS, script và ảnh động, và mọi trình duyệt đều hiển thị nguyên bản. SVG không phù hợp cho ảnh chụp, và các hình minh họa phức tạp có thể hiển thị chậm. Illustrator, Inkscape, Figma và trình duyệt đều mở và chỉnh sửa được SVG.
- Nén
- –
- Độ trong suốt
- Có
- Ảnh động
- Có
- Ra mắt
- 2001 · W3C
Người ta tìm chuyển PSD sang SVG khi trình dựng web, nền tảng mẫu thiết kế hoặc máy cắt yêu cầu SVG mà thiết kế chỉ có ở dạng file Photoshop; thứ nhận được là tác phẩm đã làm phẳng nằm trong một khung SVG.
Lớp shape, smart object và điểm ảnh trong file PSD
Lầm tưởngLưu thành .svg là thiết kế nào cũng phóng to không vỡ.
Sự thậtKhả năng phóng to đến từ path. SVG chứa bitmap sẽ mờ khi vượt quá kích thước điểm ảnh, giống như PNG.
Lầm tưởngLogo vẽ bằng hình của Photoshop sẽ tự động chuyển thành vector.
Sự thậtCông cụ này làm phẳng trước, nên các hình thành điểm ảnh. Hình vector phải được xuất ra hoặc vector hóa.
Lầm tưởngSmart object giữ nguyên nội dung vector được liên kết.
Sự thậtFile Illustrator được đặt vào sẽ được kết xuất ở kích thước hiển thị trên canvas, rồi làm phẳng cùng phần còn lại.
Cách có đường path vector thật từ thiết kế Photoshop
Với logo, biểu tượng hay chữ cần luôn sắc nét ở mọi kích thước, vector hóa là bước bạn cần. Hãy chuyển PSD sang PNG nền trong suốt bằng chuyển PSD sang PNG, rồi đưa qua công cụ chuyển ảnh sang SVG, công cụ này bám theo các cạnh và ghi ra path thật. Vector hóa hợp với màu phẳng và đường viền gọn; ảnh chụp sẽ thành hàng nghìn hình nhỏ. Bài hướng dẫn về chuyển PNG sang SVG nêu các thiết lập giúp đường cong mượt.
Nếu có sẵn tác phẩm vector gốc trong Illustrator, Affinity Designer hoặc Figma, hãy xin file đó trước khi vector hóa bản đã làm phẳng.
Câu hỏi về chuyển PSD sang SVG
Các lớp shape trong Photoshop có thành đường path SVG chỉnh sửa được không?
Không với công cụ này. Layer hình (shape) trong Photoshop là vector, nhưng file PSD được làm phẳng thành một ảnh bitmap trước khi ghi ra SVG, nên mọi layer, kể cả layer hình, đều thành điểm ảnh. Để giữ đường path, hãy xuất các hình từ một trình chỉnh sửa vector, hoặc vector hóa kết quả.
Vì sao file SVG nặng gần bằng file PNG của cùng thiết kế?
Vì file SVG này thực chất chủ yếu là một ảnh PNG. Ảnh bitmap được lưu dưới dạng văn bản mã hóa bên trong SVG, làm dung lượng tăng thêm khoảng một phần ba. Một logo vector thật chỉ vài kilobyte.
Có thể gửi file SVG này cho máy Cricut hoặc máy cắt laser không?
File sẽ nhập được, nhưng không có gì để cắt. Máy cắt đi theo đường viền path, còn ảnh bitmap được bọc không có path nào, nên Design Space và phần mềm laser chỉ thấy một bức ảnh phẳng. Hãy vector hóa logo bằng công cụ chuyển ảnh sang SVG để có đường cắt.
Chữ trong lớp văn bản Photoshop có còn là chữ trong SVG không?
Không. Layer chữ được hiển thị bằng font của nó rồi làm phẳng như mọi thứ khác, nên bạn không thể tìm kiếm, chọn hay gõ lại chữ. Hãy tạo lại văn bản chỉnh sửa được trong trình chỉnh sửa SVG với cùng font.
Khi nào file SVG chứa ảnh bitmap thực sự hữu ích?
Khi một hệ thống đòi đuôi .svg nhưng chỉ hiển thị file, như một số trình dựng theme và nền tảng mẫu thiết kế. Nó cũng dùng được làm ảnh tạm cho đến khi có tác phẩm vector đúng nghĩa.
Canvas PSD lớn hơn có cho file SVG sắc nét hơn không?
Có. SVG giữ nguyên kích thước canvas, nên file PSD 4000 px vẫn nét ở kích thước hiển thị lớn hơn so với file 1000 px. Vượt quá kích thước gốc, ảnh nhúng sẽ mờ đi như mọi ảnh bitmap.
| Chuyển PSD sang PNG | Chuyển PSD sang JPG | Chuyển PSD sang PDF |
| Chuyển PNG sang SVG | Chuyển EPS sang SVG | Chuyển ảnh sang SVG |