基于 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. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at softnode kept me reading carefully too, that is a sign of writing that has been crafted rather than churned out for an algorithm to see today and tomorrow.

  2. Worth recognising that this site does not chase the daily news cycle, and a stop at steelnest confirmed the longer publication arc, sites that resist the pressure to comment on every passing event are sites with genuine editorial discipline and this one has clearly chosen depth over volume which I respect deeply.

  3. Got something practical out of this that I can apply later this week, and a stop at compliancecorner 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.

  4. Most of the time I bounce off similar pages within seconds, and a stop at shipe held me longer than I would have predicted, the ability to convert a likely bouncing visitor into an engaged reader is a quality signal and this site has demonstrated that conversion ability across multiple visits where I expected to bounce.

  5. A piece that read as the work of someone who reads carefully themselves, and a look at blog33babys continued that informed feel, writers who are also serious readers produce work with a different quality and this site reads as the product of someone steeped in good writing rather than just generating content for an audience.

  6. My usual pattern is to skim and bounce but this site has reset that pattern temporarily, and a stop at questkit 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.

  7. Refreshing to read something where the words actually mean something instead of filling space, and a stop at sweetstreet kept that going, the writing here trusts the reader to follow along without endless repetition or constant reminders of what was already said earlier in the post which I appreciate.

  8. Adding to the bookmarks now before I forget, that is how good this is, and a look at quoravia confirmed the rest of the site is worth saving too, this is one of those rare finds that justifies the time spent searching the web for once which is a relief in the current environment.

  9. The tone stayed consistent across the whole post which is harder than it looks for longer pieces, and a look at cybercabin continued the same voice, this kind of editorial consistency is a sign of either a single careful writer or a tightly run team and either is impressive today across the broader media environment.

  10. Solid endorsement from me, the writing earns it, and a look at trackingterminal continues to earn it across the broader site too, the kind of operation that maintains quality across many pages rather than just one viral post is a sign of serious commitment and that is what I see here clearly across what I read.

  11. Worth recognising that this site does not chase the daily news cycle, and a stop at springvendor confirmed the longer publication arc, sites that resist the pressure to comment on every passing event are sites with genuine editorial discipline and this one has clearly chosen depth over volume which I respect deeply.

  12. After several visits I am now confident this site is one to follow seriously, and a stop at wheatwarehouse reinforced that confidence, the gradual building of trust through repeated quality exposures is the only sustainable way to develop reader loyalty and this site is building that loyalty in me through patient consistent work consistently.

  13. Refreshing to find writing that does not try to manipulate the reader into clicking onto the next page through cliffhangers and forced engagement, and a stop at wickervendor continued in the same respectful way, this is what reader first design actually looks like in practice rather than just in marketing copy that sounds nice.

  14. Reading this felt productive in a way most internet reading does not, and a look at tealbazaar continued that productive feeling, sometimes the open web feels like a waste of time but sites like this remind me why I still bother to look around rather than retreating to old reliable sources for everything I need.

  15. Honestly enjoyed not being sold anything for the entire duration of the post, and a look at blossomstore kept that pleasant absence going across more pages, content that exists for its own sake rather than as a funnel to a paid product is increasingly rare and worth supporting where I can find it.

  16. During a reading session that included several other sources this one stood out, and a look at chestnutmarket continued the standout quality, the side by side comparison of sources during research is a useful exercise and this site has been winning those comparisons for me consistently across multiple research sessions during the last week.

  17. Quality writing that respects the reader’s intelligence without overloading them, and a quick look at pearlvendorhouse reflected that approach, a balanced thoughtful site that earns trust by being consistent rather than by shouting about how trustworthy it is which is the usual approach online sadly across most content categories.

  18. Took a chance on the headline and was rewarded, and a stop at windwarehouse kept the rewards coming as I clicked through, the kind of place where every link leads somewhere worth the click is a small luxury on the modern web where so many sites are mostly empty calories disguised as content.

  19. Now adjusting my mental list of reliable sites for this topic, and a stop at mossmarketplace reinforced the adjustment, the small ongoing curation work of maintaining trusted sources is one of the actual practical activities of careful reading and this site has earned a permanent place on my list for this particular subject.

  20. If I had encountered this site five years ago I would have been telling everyone about it, and a look at ringrivulet extended that retrospective enthusiasm, the version of me who used to recommend favourite blogs frequently would have made sure friends knew about this one and that earlier enthusiasm is partially returning to me here.

  21. Appreciate the thoughtful approach, the writer clearly took time to make this readable for someone who is not already an expert, and a look at noblevend kept that going nicely, easy on the eyes and easy on the brain which is always a winning combination when reading on a busy day.

  22. Liked how the writer used real examples instead of theoretical ones to make the points stick, and a stop at chewchest added even more concrete examples, this is the kind of practical approach that respects readers who actually want to apply what they learn rather than just nodding along passively without doing anything useful.

  23. A piece that did exactly what it promised in the headline without overshooting or underdelivering, and a look at listaro continued that calibration, alignment between promise and delivery is a basic editorial virtue that many sites fail at and this site has clearly mastered the matching of expectation and substance throughout pieces.

  24. A clean read with no irritations, and a look at volveta continued that frictionless quality, the absence of small irritations is something I notice only when present elsewhere and this site is one of the rare places where everything just works and lets me focus on the substance rather than fighting the format.

  25. Now adding this to a list of sites I want to see flourish, and a stop at notepadnest reinforced that wish, the few sites I actively root for are sites that produce the kind of work I want more of in the world and this one has joined that small list based on what I have read so far.

  26. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at fintera extended that commute reading well, content that improves transit time rather than just filling it is content with practical benefit and this site has earned its place in my morning commute reading rotation.

  27. Better signal to noise ratio than most places I check on this kind of topic, and a look at valuevillage kept that going, every paragraph here carries something worth reading rather than padding out the page to hit some arbitrary length target that search engines reward but readers ignore as soon as they notice it.

  28. Now feeling the quiet pleasure of finding writing that takes itself seriously without being self serious, and a stop at midnightmingle extended that subtle pleasure, the gap between earnest and pretentious is fine and this site has clearly chosen to land on the earnest side without slipping over into pretentious which is impressive.

  29. Grateful for posts like this one, they remind me there are still places online run by people who care about quality, and a look at soundsaga reflected the same standards, you can tell the difference between content made for readers and content made just for search engines today and this is the former.

  30. Took the time to read every paragraph rather than skimming for the punchline, and a quick visit to isveta earned the same careful attention from me, that is the highest signal I can give about content quality because my default mode is rapid scanning rather than deliberate reading on most pages.

  31. Got something practical out of this that I can apply later this week, and a stop at marblebazaar 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.

  32. Liked the post enough to read it twice and the second read found new things, and a stop at visionplanner similarly rewarded the second look, content with hidden depths that only reveal themselves on careful rereading is the rare kind that earns lasting respect rather than fleeting first impressions only briefly held.

  33. Took a screenshot of one section to come back to later, and a stop at graniteaisle prompted another saved tab, the urge to capture and revisit specific pieces of content is something I rarely feel but when I do it tells me the work is worth more than the average passing read for sure.

  34. Great work on keeping things readable, the post never drags or repeats itself which I really appreciate, and a stop at jadevendor added a bit more context that fit naturally with what was already said here, no need to read everything twice to get the point being made today.

  35. Thanks for keeping the writing direct without losing the warmth that makes content feel human, and a stop at breakfastboulevard carried both qualities forward, balancing professionalism and personality is a rare skill and the writers here have clearly figured out how to consistently land it across many posts which I notice.

  36. Just want to acknowledge that the writing here is doing something right, and a quick visit to wavemeadowtradehouse confirmed the same standards run across the broader site, recognising good work is something I try to do when I find it because the alternative is silence and silence rewards mediocrity.

  37. Just wanted to drop a quick note saying this was a useful read on a topic I have been circling, no fluff, and a stop at gildedvaleoutlet added a few extra points that fit the same simple style which makes the whole site feel coherent rather than thrown together by many different writers with different goals.

  38. Reading this triggered a small change in how I think about the topic going forward, and a stop at marblecoveartisanoutlet reinforced that subtle shift, the rare content that actually moves my thinking rather than just confirming or filling it is the kind I most value and this site is providing that kind of impact today.

  39. The pacing of the post was just right, never rushed and never dragged out unnecessarily, and a look at plumstoneoutlet maintained the same rhythm, you can tell the writer has experience because the difficult skill of pacing is something only practiced writers manage to handle well in long form content over time and across formats.

  40. Now sitting with the thoughts the post triggered rather than rushing on to the next thing, and a stop at tealcovevault extended that reflective pause, content that earns time for thought after closing the tab is content of higher value than the merely interesting and this site has clearly produced that lasting effect today.

  41. Reading this slowly to absorb the structure, and the structure is doing real work alongside the words, and a look at coralharborvault maintained the same architectural quality, when sentence shapes and paragraph rhythms reinforce the meaning rather than just transporting words you know you are reading skilled work today.

  42. Picked this for a morning recommendation in our company chat, and a look at seacoveartisanmarket suggested I will mention this site again later, recommending content into a workplace context is a small editorial act that requires confidence in the recommendation and this site is making me confident in those recommendations consistently here too.

  43. Will be sharing this with a couple of people who care about the topic, and a stop at kettlebrookoutlet added more material worth passing along, the kind of site that is generous with quality content and does not make you jump through hoops to access it which is appreciated more than the team probably realises.

  44. Nice and clean, that is the best way to describe the writing here, no clutter and no wasted words, and a quick visit to pinetrailartisanmart kept that going, I appreciate when a site treats its readers like people who can think for themselves without needing constant hand holding through every paragraph.

  45. Skipped the related products section because there was none, and a stop at mosscoveartisanmart also lacked any aggressive monetisation, content that is not constantly trying to convert me into a customer or subscriber is content that has confidence in its own value and that confidence shows up as a different reading experience.

  46. Liked everything about the experience, from the opening through to the closing notes, and a stop at daisyaisle 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.

  47. Picked up something useful for a side project, and a look at quickharbortrading added another piece I will incorporate, content that connects to specific projects I am working on is content with practical utility and the practical utility of this site is showing up across multiple posts I have read in the last hour or so.

  48. Reading this gave me a small refresher on something I had partially forgotten, and a stop at coralmeadowmarketplace extended the refresher, content that strengthens existing knowledge rather than just adding new is content with a particular kind of consolidating value and this site is providing that consolidating function across multiple visits.

  49. A piece that demonstrated competence without performing it, and a look at emberstoneoutpost maintained the same self assured but unshowy register, the gap between competence and performance of competence is one I track and this site has clearly chosen to demonstrate rather than perform which I find much more persuasive as a reader.

  50. Generally I do not leave comments but this post merits a small note, and a stop at pinemeadowtradehouse extended that comment worthy quality, the urge to actively contribute to a sites community rather than passively consume from it is something specific content provokes and this site has provoked that engagement urge from me today.

发表回复

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