2012-05-25 43 views
5

Có cách nào để chuyển đổi hình ảnh thành một hình ảnh tương đương với html, bằng cách có một bảng html được chia thành nhiều ô, mỗi ô có màu nền nhất định sẽ hoạt động như pixel trong hình ảnh không? Giống như nghệ thuật ASCII.Làm thế nào để chuyển đổi hình ảnh sang html?

Tôi sẽ xem đây là cách để có logo công ty trong chữ ký email mà không phải lo lắng về việc khách hàng gửi hình ảnh chặn email.

Trả lời

5

Đúng, rất nhiều người đã thực hiện việc này: http://pgl.yoyo.org/img2html/ là một ví dụ.

+0

Không hoạt động. Ngay cả hình ảnh mẫu của riêng nó cũng tạo ra: 'Máy chủ này không hỗ trợ chức năng imagecreatefromx-png(); thoát khỏi. Có cái nào khác không? – CJ7

+1

Điều đó thật tệ. Vâng, email chữ ký và email HTML nói chung hút, vì vậy có lẽ nó chỉ là tốt! :) –

+0

Có thể thông qua MIME không? – CJ7

4

Có lẽ những gì bạn cần chỉ là chuyển đổi hình ảnh sang định dạng URI.

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA 
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot"> 

http://jsfiddle.net/z6FFc/

+0

không, bởi vì các ứng dụng email thông thường không cho phép chữ ký trên 5KB – CJ7

+0

kích thước (chiều cao * chiều rộng) của biểu tượng công ty của bạn là gì? –

1

Thử "Hình ảnh to HTML Converter cho Email" từ STYLECampaign. Nếu tôi nhớ đúng, bạn sẽ nhận được liên kết tải xuống để đổi lấy đăng ký nhận bản tin của họ trên stylecampaign.com. Công cụ hoạt động ok, đã mở rộng và nén; đây là một bài đăng trên blog http://bit.ly/Jhf1CK và hướng dẫn bằng video giải thích các mẹo và rút lại: http://www.youtube.com/watch?v=VSi51yLQFnc

0

Tôi sẽ thận trọng khi thử loại lừa này.

Quy tắc đơn giản khi thực hiện những điều 'thông minh' bằng email trước tiên là hỏi "Người gửi spam có sử dụng kỹ thuật tương tự này không?". Nếu câu trả lời là có, bạn có thể chắc chắn rằng các ISP đang quản lý bộ lọc của họ để email rác chứa nó.

Trong trường hợp lừa hình ảnh hiển thị, với thủ thuật base64 hoặc pixeldiv, các kỹ thuật này đã được sử dụng trong nhiều năm bởi những người gửi thư rác và có thể làm hỏng danh tiếng gửi của bạn.

Nếu công ty được đề cập có kết nối tốt với người nhận, họ sẽ rất vui khi hiển thị hình ảnh. Nhiều khách hàng như gmail sẽ bật hình ảnh khi bạn đã trả lời hoặc thêm vào danh bạ. Hơn nữa, sử dụng các kỹ thuật như DKIM để ký các tiêu đề của bạn, sử dụng người gửi bên thứ ba có uy tín hoặc trả tiền cho chứng nhận ReturnPath có thể nâng cao danh tiếng của bạn đủ để ghi đè chặn hình ảnh tại hầu hết các ISP chính.

0

Tom Walsh, điều gì khiến bạn nghĩ rằng đó luôn là ISP chặn hình ảnh? Điều gì về ứng dụng email? 80% email có hình ảnh bị chặn làm mặc định. Dựa vào người dùng để có những nỗ lực, hoặc kiến ​​thức để thay đổi các thiết lập này là một ý tưởng tồi.

Sử dụng một số dịch vụ như Mailchimp, cung cấp cho bạn địa chỉ email mới mỗi khi bạn gửi, do đó, bạn không thể thêm làm người gửi an toàn. Các kỹ thuật như đã đề cập là một cách tuyệt vời để có danh sách email, đã được chọn tham gia, để nhận phiên bản hình ảnh bán của email của bạn nhằm lôi kéo họ tải xuống hình ảnh.

Liên kết trên cùng đó hoạt động. Tôi đã sử dụng JPG, tôi không chắc định dạng của nó là gì. Bạn biết đấy, điều này làm cho tệp có kích thước lớn hơn một chút so với JPG bình thường. Hãy xem xét liệu nó có đáng để sử dụng cho những hình ảnh lớn hơn, nhưng đối với chữ ký email, tôi có thể thấy rằng đó là một cách sử dụng hợp lý. Tôi đã nhận thấy rằng đôi khi bạn trả lời, chữ ký sẽ bị hỏng ... sooooo .... hãy lưu ý rằng bạn có thể phải chịu một tải là <tr><td>A</td></tr>

Cảnh báo cuối cùng ... nếu chữ ký email của bạn đã bị hỏng và kết thúc bằng dạng mã .... hãy lưu ý rằng mặc định cho liên kết trên cùng là "ass" do đó ... một số khách hàng có thể thấy rằng xúc phạm. Có lẽ thay đổi nó thành tên công ty của bạn. Và hãy nhớ rằng việc tạo liên kết cho bảng hình ảnh này sẽ (a) mất một thời gian và (b) làm lớn mã này lần thứ hai.

-1

Thử chuyển sang html/css. Nó nhỏ gọn hơn base64 và mặc dù tôi chưa thử nó, nó sẽ hoạt động. Nó sử dụng css để tạo ra một hình ảnh mà không cần bất cứ điều gì bên ngoài. Không chú ý đến đầu, đó là nơi mà mã thực hiện tất cả công việc. Chú ý đến đáy. https://codepen.io/blazeeboy/pen/bCaLE

no code. just something I have to do to get the post online. 
+0

Trong khi liên kết này có thể trả lời câu hỏi, tốt hơn nên bao gồm các phần thiết yếu của câu trả lời ở đây và cung cấp liên kết để tham khảo. Câu trả lời chỉ liên kết có thể trở thành không hợp lệ nếu trang được liên kết thay đổi. - [Từ đánh giá] (/ đánh giá/bài đăng chất lượng thấp/10632887) –

+0

@RohitGupta: Liên kết trỏ đến công cụ thực hiện chuyển đổi (như được hỏi). Tôi nghi ngờ có thêm bất kỳ thông tin hữu ích nào để thêm vào. Nếu bạn tin rằng câu hỏi là yêu cầu một tài nguyên/công cụ ngoài trang web, bạn nên gắn cờ thay vào đó. – IInspectable

+0

@IInspectable, OP không yêu cầu một công cụ. Anh ta yêu cầu một cách để làm điều đó, có thể là mã. Dù cách nào bạn cắt nó, đây là một liên kết chỉ trả lời nơi người dùng đã đưa rác vào để nó được chấp nhận! Vào cuối ngày, đó là ý kiến ​​của tôi. Nếu 2 người đánh giá khác đồng ý, nó sẽ bị xóa. Nếu không, nó sẽ ở lại. Luôn có các cách để nâng cao câu trả lời như đăng ảnh chụp màn hình hoặc kết quả mẫu. Và downvote không phải của tôi. Thay vào đó, tôi thích đăng nhận xét. –

Các vấn đề liên quan