基于 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！查看Knight的所有文章

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

Jaylenkes说道：

2026/07/31 08:42

Found something new in here that I had not seen explained this way before, and a quick stop at masquepourvous expanded the idea even further, the kind of writing that nudges your thinking forward a bit without forcing the issue is exactly what I look for online today and rarely actually find anywhere.

回复
BartholomewDuelE说道：

2026/07/31 10:59

Beyond the topic at hand this site reads as a small ongoing project of taking writing seriously, and a look at goldmetalshop reinforced that project quality, sites that treat publishing as an ongoing serious practice rather than as content production for traffic are sites worth supporting and this one has clearly chosen the serious approach.

回复
Bufordbok说道：

2026/08/01 04:04

A piece that exhibited the kind of patience that good writing requires, and a look at savennkga continued that patient quality, hurried writing is easy to spot and this site reads as having been written without time pressure which produces a different feel than the rushed content that dominates much of the modern blog space.

回复
SilasBek说道：

2026/08/01 04:15

During a quiet evening reading session this provided just the right depth without being heavy, and a stop at ravionbondgroup maintained the same evening appropriate weight, content with depth that does not exhaust the reader is content with editorial calibration and this site has clearly figured out how to be substantial without being demanding all the time.

回复
Calvininank说道：

2026/08/01 09:18

Considered as a whole this site has developed a coherent point of view that comes through in individual pieces, and a look at dividedheartsofamericafilm continued displaying that coherence, sites with a unified perspective rather than a grab bag of takes are sites with editorial maturity and this one has clearly developed that maturity through years of work.

回复
Rogerwhefe说道：

2026/08/02 04:42

After several visits I am now confident this site is one to follow seriously, and a stop at zaviroplex 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.

回复
Mikescake说道：

2026/08/02 04:43

Came away feeling slightly smarter than I was when I started, that is a real win, and a stop at yungbludcomic added a bit more to that, the rare site that actually transfers some of its knowledge to the reader in a way that sticks rather than just creating an illusion of learning briefly.

回复
Caseyonelt说道：

2026/08/02 05:05

Now thinking about whether the writer might publish a longer form work I would buy, and a look at xalirobonding suggested the same depth would translate, content that makes me want to pay for related work in other formats is content that has earned commercial trust as well as attention trust and this site has both clearly.

回复
Jonathanvar说道：

2026/08/02 09:07

Skimmed first and then went back to read carefully, and the careful read paid off in places I had missed, and a stop at moeinclub got the same treatment, the rare site whose content rewards a second pass is content I want more of in my regular rotation rather than disposable single read articles.

回复
Daquancuple说道：

2026/08/03 05:46

Came away feeling slightly smarter than I was when I started, that is a real win, and a stop at t-walls-of-kuwait-iraq added a bit more to that, the rare site that actually transfers some of its knowledge to the reader in a way that sticks rather than just creating an illusion of learning briefly.

回复
DwayneClolf说道：

2026/08/03 09:45

Reading more of the archives is now on my plan for the weekend, and a stop at redhillrepurposing confirmed the archive worth the time, the rare archive worth a dedicated reading session rather than just casual sampling is the rare archive of serious work and this site has clearly produced enough of that work to warrant the deeper exploration.

回复
Coryvow说道：

2026/08/03 09:51

My usual response to new bookmarks is to forget them but this one I have already returned to twice, and a look at Beauty-Optical-Salon pulled me back a third time, the actual return rate to bookmarked sites is the real measure of value and this one is clearing that measure at a notable rate already.

回复
NickLag说道：

2026/08/03 13:10

A modest masterpiece in its own quiet way, and a look at newlywedstour confirmed the same quiet quality across the rest of the site, calling something a masterpiece is usually overstating but for content this carefully crafted the word feels appropriate even if the writers themselves would probably resist the label honestly.

回复
Noelavell说道：

2026/08/03 15:41

Picked a single sentence from this post to remember, and a look at korivocapital gave me another to keep, content that produces memorable lines is doing more than just transferring information and the small selection of sentences I keep from each reading session is one of the actual returns I get from reading carefully.

回复
Prestonorell说道：

2026/08/04 00:10

Reading this in a quiet coffee shop matched the calm energy of the writing, and a stop at theblackcrowesmobile extended that environmental match, content that has its own ambient quality which can match or clash with surroundings is content with a personality and this site has the kind of personality that suits calm reading.

回复
MylesHum说道：

2026/08/04 06:38

Thanks for the honest framing without exaggerated claims that the topic will change my life, and a stop at colossal-heart kept the same modest tone, restraint in marketing language signals trustworthiness and the writers here are clearly playing the long game by building credibility rather than chasing immediate clicks through hyperbole.

回复
JulioLoxic说道：

2026/08/04 10:07

Picked this site to mention to a colleague who would benefit, and a look at crownaboutnow added more material I will pass along, recommending sites to colleagues is a higher bar than recommending to friends because the professional context demands more careful curation and this site cleared the professional bar without me having to think.

回复
Lucianrurdy说道：

2026/08/04 10:11

Found this useful, the points line up well with what I have been thinking about lately, and a stop at hopprojects added some angles I had not considered yet, definitely walking away with more than I came for which is the best outcome from time spent reading online for any kind of topic.

回复
Edwardgox说道：

2026/08/05 00:27

Honest reaction is that this is the kind of writing I would defend in a conversation about good blog content, and a look at newlywedstour reinforced that, the rare site whose work I would actively recommend rather than just tolerate is the kind I want to support through return visits regularly.

回复
HunterHem说道：

2026/08/05 07:36

A thoughtful read in a week that has been mostly noisy, and a look at latanyacollins carried that thoughtful quality across more pages, finding pockets of considered writing in a week of distractions is one of the small wins of careful curation and this site is providing those pockets at a sustainable rate.

回复
JohnnieFex说道：

2026/08/06 01:39

Now noticing how rare it is to find a site that does not feel rushed, and a look at maveroholdings extended that calm pace, content produced without time pressure has a different quality than content shipped to meet a deadline and this site reads as written without urgency which produces a different and better experience for readers.

回复
JayVex说道：

2026/08/09 07:59

Worth recommending broadly to anyone who reads on the topic, and a look at electcateriarmccabe 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.

回复
BeauLiemi说道：

2026/08/14 08:00

Decided to set aside time later to read more carefully, and a stop at vertoverse reinforced that decision, content that earns a calendar entry rather than just a passing read is in a different tier altogether and this site is clearly working at that elevated level which I really do appreciate as a reader today.

回复
Juankah说道：

2026/08/14 08:12

During the time spent here I noticed the absence of the usual distractions, and a stop at blog33over extended that distraction free experience, content that does not fight my attention with pop ups and modals and aggressive prompts is content that respects me and this site has clearly chosen the respectful approach throughout.

回复
Ernestexils说道：

2026/08/16 08:38

Closed the laptop and walked away thinking about the post for a good twenty minutes, and a stop at goldentideemporium produced similar lingering thoughts, content that survives the closing of the browser tab is content that has actually entered the mind rather than just decorating the screen for the duration of the reading.

回复
LoganCap说道：

2026/08/16 09:35

Genuinely glad I clicked through to read this rather than skipping past, and a stop at workware confirmed I should keep clicking through to more pages here, the kind of resource that justifies its place in my browser history rather than feeling like wasted time which is the highest compliment I offer any site online today.

回复
Eganinhit说道：

2026/08/16 13:49

A piece that did not try to be timeless and ended up reading as durable anyway, and a look at saffrontrailshop extended that durable feel, content that stays useful past its publication date without straining for permanence is content that ages well and this site has the kind of evergreen quality that I value highly today.

回复

发布者

Knight

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

发表回复 取消回复

发表回复取消回复