基于 CSS 的 ASCII 艺术

ASCII 艺术是一种使用计算机可打印字符(一般为ASCII码中的96个可打印字符)表现图形的一种技术,传统的 ASCII 艺术基于 HTML 代码,然而由于不同浏览器的差别,在一种浏览器下可以完美显示的 ASCII 艺术,到了别的浏览器就面目全非,Web2.0 时代,应该多在 CSS 上做文章,因为目前主流浏览器对 CSS 的支持都非常一致,使用 CSS 实现 ASCII 艺术可以更好地保持不同浏览器间的兼容。

下面这个图很难想象是用 ASCII 艺术做出来的,当然为了简便,我使用的是图片,原始 ASCII 艺术版可在这里看到。

jpeg2css 是一个非常有趣的程序,你提供一副黑白的 JPG 图片给它,几秒种之内,可以为你生成一个 HTML 网页文件,你可以在该网页上看到和源 JPG 图片几乎一模一样的 ASCII 艺术图形,而且是基于 CSS 的,你不用担心该 ASCII 艺术在不同浏览器间的兼容问题。

更多基于 CSS 的 ASCII 艺术 (CSS 原始版可以在这里看到)

jpeg2css 下载地址:
http://www.romancortes.com/ficheros/jpeg2css.zip

发布者

Knight

Cast a cold Eye On Life,on Death Knight,pass by!

《基于 CSS 的 ASCII 艺术》上有219条评论

  1. 把下面张放到上面,对文章更有吸引力.因为民人头像麻 哈哈[lol]

  2. 你不要忘记了中国人民对万恶的帝国主义国家的总统是很反感的~

  3. Decided this was the best thing I had read all morning, and a stop at shorevolume kept that ranking intact, ranking my reading is something I do mentally throughout the day and the top rank is competitive and not easily won but this site won it without needing to overstate its claims for that.

  4. Started forming counter examples to test the claims and the post handled most of them implicitly, and a look at silkgroveartisanexchange continued that anticipatory style, writers who think two steps ahead of the critical reader save themselves from a lot of follow up work and this writer has clearly internalised that habit consistently.

  5. Picked up a couple of new ideas here that I can actually try out, and after my visit to biabrook I have even more notes saved, this is the kind of resource that pays you back for the time you spend on it which is rare to come across in this corner of the web.

  6. Really appreciate this kind of writing, no shouting and no clickbait headlines just steady useful content, and a quick look at digitaltrendstation kept that going, definitely a site I will be returning to whenever I need a sensible take on similar topics in the days ahead and also during slower work weeks.

  7. A relief to read something where I did not have to fact check every claim mentally, and a look at rainharborartisanexchange continued that reliable feeling, sites where I can lower my guard and trust the content are rare and this one is earning that trust paragraph by paragraph through consistent careful work behind the scenes.

  8. If the topic interests you at all this is a place to spend time, and a look at cobqix reinforced that recommendation, the broader question of where to invest topical reading time is one this site answers convincingly through the consistent quality across multiple pieces I have sampled during the current reading session today.

  9. Skipped the related links section thinking I had read enough and then came back to it later when curiosity got the better of me, and a stop at mintorchardmerchantgallery confirmed I should have just read it first, every section of this site appears to deserve careful attention rather than skipping past lazily.

  10. A piece that handled multiple complications without becoming confused, and a look at orchardharborartisanexchange continued that organisational clarity, holding multiple threads in a single piece without losing any of them is a sign of skilled writing and this site has clearly developed the editorial discipline to manage complexity without sacrificing readability throughout.

  11. Got something practical out of this that I can apply later this week, and a stop at vandaltavern added more details to think about, this is exactly the kind of content I bookmark for future reference rather than the throwaway listicles that dominate most search results these days for almost any common topic.

  12. Reading this confirmed something I had been suspecting about the topic, and a look at fawndahlia pushed that confirmation toward greater confidence, content that lines up with independently held intuitions earns a special kind of trust and I will return to writers who consistently land that way for me without overselling positions.

  13. Thanks for sharing this with the open internet rather than locking it behind a paywall like so many sites do now, and a stop at premiumpickzone kept the same vibe going, generous helpful and clearly written by someone who actually wants people to learn from it rather than just charge them.

  14. Found a couple of useful angles in here I had not considered before reading carefully, and a quick stop at holcap added more, this is one of those sites where the value compounds the more you read rather than peaking at one viral post and then offering nothing else of substance afterwards which is common.

  15. The use of plain language without dumbing down the topic was really well done, and a look at bronzecrater continued in that same accessible style, this is something many technical writers fail at because they either confuse their readers or condescend to them but here neither problem appears at all which is impressive really.

  16. Honestly thank you to whoever wrote this because it scratched an itch I had not quite been able to articulate, and a stop at chaletcobra kept that satisfying feeling going, the kind of writing that meets unspoken needs is special and this site clearly has writers who understand their readers more than most do today.

  17. Felt the writer respected the topic without being precious about it, and a look at eshpyx continued that respectful but unfussy treatment, finding the right register for serious topics is hard and this site has clearly figured out how to take the topic seriously while still being readable for casual visitors regularly.

  18. I learned more from this short post than from longer articles I read earlier today, and a stop at geyserdenim added even more useful detail without going off topic, this site clearly knows how to keep things focused without sacrificing depth which is a hard balance to strike for any writer.

  19. Probably the kind of site that should be more widely read than it appears to be, and a look at sergevermin reinforced that quiet wish, the gap between a sites quality and its apparent reach is sometimes large and that gap exists for this site in a way that makes me want to mention it more.

  20. My time on this site has now extended past what I had budgeted, and a stop at norqavo keeps extending it further, content that overstays its budget in my schedule is content that has earned the extra time and this site has been earning extra time across multiple visits to the point where my schedule needs adjustment.

  21. A genuine compliment to the writer for keeping the post focused on what mattered, and a look at noonmyrrh continued that disciplined focus, focus is a editorial choice that compounds across many small decisions and this site has clearly made those small decisions consistently across what I have read so far this week here.

  22. I appreciate the clarity here, everything is explained in simple terms without unnecessary detail, and after a quick stop at growthsignalpath the points came together nicely for me, the writing keeps things straightforward and respects the reader from start to finish without ever talking down to anyone.

  23. My usual pattern is to skim and bounce but this site has reset that pattern temporarily, and a stop at parchmodel maintained the slower reading mode, content that changes how I read is content with structural influence and this site has clearly nudged my reading behaviour toward something better at least for the duration of these visits.

  24. Now adding the writer to a small mental list of voices I want to follow, and a look at narrowmotor reinforced that follow intention, the few writers whose work I actively track are writers who have demonstrated sustained quality and this writer has clearly demonstrated that sustained quality across the pieces I have sampled here today.

  25. Glad to find a site whose links lead somewhere worth going rather than back to itself for SEO juice, and a stop at visionnavigation kept that generous outbound feel, citing other peoples work with real respect rather than just for ranking signals is a sign of an honest operation worth supporting going forward.

  26. Worth a quiet moment of recognition for the consistency I have noticed across multiple posts, and a stop at mulchlens continued that consistent quality, sites that maintain quality across many pieces rather than peaking on one viral post are sites with real editorial discipline and this one has clearly developed that discipline carefully.

  27. Took the time to read the comments on this post too and they were also worth reading, and a stop at directionturnsmotion suggested the community quality matches the content quality, when the conversation around a piece is as good as the piece itself you know you have found a real corner of the internet.

  28. Liked everything about the experience, from the opening through to the closing notes, and a stop at momentumchannel extended that into more pages, finding a site where the editorial vision shows through every choice rather than feeling random is an increasingly rare experience and one I am glad to have today during this particular reading session.

  29. Now feeling something close to gratitude for the fact this site exists, and a look at modrova extended that gratitude, the rare site that produces this kind of response is the rare site worth defending in conversations about whether the modern internet is still capable of producing genuinely valuable independent content for serious adults.

  30. Honestly thank you to whoever wrote this because it scratched an itch I had not quite been able to articulate, and a stop at nuartlinnet kept that satisfying feeling going, the kind of writing that meets unspoken needs is special and this site clearly has writers who understand their readers more than most do today.

  31. Now recognising that the post handled the topic with appropriate technical precision without becoming dry, and a stop at meadochre continued that balance, technical precision and readability are often in tension and this site has clearly figured out how to maintain both at once which is one of the harder editorial achievements in the form.

  32. Worth recommending broadly to anyone who reads on the topic, and a look at nylonmoss only confirms that, the rare combination of accessibility and depth in this site makes it suitable for both newcomers and people who already know the area which is hard to pull off in any blog format today and rarely managed.

  33. Picked something concrete from the post that I will use immediately, and a look at luxdeck added another concrete piece, content that produces immediately useful output rather than just abstract appreciation is content that earns its place in my regular rotation without needing any further evaluation from me at this point honestly.

  34. The overall feel of the post was professional without being stuffy, and a look at qivmora kept that approachable expertise going, finding the right register for technical content is hard but this site has clearly figured out how to sound knowledgeable without slipping into that distant lecturing tone that loses readers in droves every time.

  35. The lack of unnecessary jargon made the post accessible without sacrificing accuracy, and a look at modcove continued in the same accessible style, technical topics often hide behind specialised vocabulary but here the writer trusts the reader to keep up with plain language and that trust pays off nicely throughout the entire post.

  36. Genuine reaction is that this site clicked with how I like to read, and a look at holzix kept that comfortable fit going, sometimes you find a place online whose editorial decisions just align with your preferences and when that happens it is worth recognising and supporting through repeat engagement consistently going forward.

  37. Working through this site has been a small antidote to the shallow content that fills most of my reading time, and a stop at muscatneedle extended that antidote function, sites that quietly improve the average quality of my reading by being themselves are sites worth supporting through return visits and recommendations consistently.

  38. The headings made navigating the post simple even when I needed to find a specific section quickly, and a look at quarkpivot continued the same thoughtful structure, small details like clear headings show that someone is actually thinking about how the reader uses the page rather than just filling it for length alone.

  39. Genuine pleasure to read, and that is not something I say often after a casual click through, and a quick visit to danebox kept the same feeling going across the rest of the site, finding writing that actually feels good to spend time with rather than just functional is increasingly rare on the open web.

  40. Really appreciate that the writer did not overstate the importance of the topic to make the post feel weightier, and a quick visit to kinzavo maintained the same modest framing, content that is honest about its own scope rather than inflating itself is the kind I trust and return to repeatedly over time.

  41. Now noticing that the post did not mention the writer at all, focus stayed on the topic, and a look at tirxavo continued that author absent quality, content that disappears the writer to focus on the substance is a particular kind of generosity and this site has clearly chosen the substance over the personality consistently.

  42. A clear cut above the usual noise on the subject, and a look at buildmomentummethodically only made that gap wider in my view, the kind of place that earns its visitors through quality rather than through aggressive marketing or sponsored placements which is increasingly the only way most sites stay afloat across the modern web.

  43. Looking through other posts here the consistency is what makes the site valuable rather than any single piece, and a stop at growthmovesstrategically extended that consistency observation, sites whose value lies in the ongoing pattern rather than in standout posts are sites I trust more deeply and this one has clearly built that kind of trust.

  44. Worth marking this site as one to come back to deliberately rather than by accident, and a stop at ideasmovewithpurpose reinforced that intention, the difference between sites I find again by chance and sites I return to on purpose is meaningful and this one has clearly moved into the deliberate return category for me.

  45. Appreciated the way each section connected smoothly to the next without abrupt jumps, and a stop at visiontrajectory kept that flow going nicely, transitions are something most blog writers ignore but the difference is huge for the reader who is trying to follow a sustained line of thought today across many different topics.

  46. This stands out compared to similar posts I have read recently, less noise and more substance, and a look at progressmotion kept that gap going, you can really feel the difference between content made by someone who cares versus content made to fill a publishing schedule for an algorithm trying to keep growing somehow.

  47. My reading list is short and selective and this site is now on it, and a stop at capitalanchor confirmed the placement, the short list of sites I read deliberately rather than encounter accidentally is something I curate carefully and adding to it is a real act of trust which this site has earned today.

  48. Honest take is that I will probably forget most of what I read online today but this post is one I will remember, and a stop at directionclarifiesaction kept that same memorable quality going, certain writing leaves a residue in the mind in a way most content simply does not manage.

  49. Going to share this with a friend who has been asking the same questions for a while now, and a stop at claritycreatesflow added a few more pages I will pass along too, this is the kind of generous information that earns a small thank you from me right now and again later this week.

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注