E oi! Lembra de mim... É, tenho ficado sem postar pelos motivos que disse para vocês em postagens anteriores, mas graças a Deus, tudo está dando certo por aqui e desejo que para todos esteja tudo ok também :3 Agradeço pelos comentários e mensagens de carinho que recebo e que levo para a vida offline, me ajudam muito!
Mas vamos ao post; quem se lembra do extinto orkut, deve recordar também daqueles desenhos feitos com símbolos, letras... que a gente usava para decorar nossos perfis e comunidades né? Que nem esses do Olhar 43. Usando palavras de quem não conhece tanto sobre o assunto, mas acha bonitinho, aquele conjunto de símbolos e letras unidos de modo a criar desenhos, palavras e mensagens de um jeito fofo, retro, nerd é chamado Ascii art, podendo decorar áreas que aceitem html ou texto normal, como, por exemplo, uma página, um post, alguma área do blog...
Já vi blogueiras que deixam documentos de texto com mensagens ascii nos arquivos que dispõem para download, fica tão lindinho e, em meio aquele monte de letras, números, símbolos, inserem a mensagem principal.
Já vi blogueiras que deixam documentos de texto com mensagens ascii nos arquivos que dispõem para download, fica tão lindinho e, em meio aquele monte de letras, números, símbolos, inserem a mensagem principal.
Como essas coisas de algum tempo estão sempre voltando a ficar em alta, inclusive em html, pensei valer a pena compartilhar um conversor de imagens para ascii art super simples de usar, em que você pode deixar até colorido! O resultado é assim:
Para isso, acesse o ASCII art generator do site ManyTools. A primeira coisa é escolher uma imagem para enviar na área Image to convert to ASCII, com tamanho máximo de 0.5MB; acho legal enviar imagens sem plano de fundo (png). Eu escolhi essa Hello Kitty:
,,,,. RKKKKKK
,KKKKKK%%KKKKKKK%*
KKKKKKKKKKKKKKKKK%
(K( KKKKKKKKKKKKKKKKK
KK% KKKKKKKKKKKKKKK
.(RKKKKK(,. KKKKKKKKKKKK
KKKKKKKKKKKKKK KKKKKKKK
%KKKK
KKK ,//////*, ,**//*.
K% .*/(RK%RR( ,***. .//R%%%%%%%%R/. ./(R%KKK@@@@@@@R*,
./%@@@@@@@@%KKKK%((/*. ,**, .***/%%%%%%%%%%%%%R//%@@@@@@@@@@@@@@@R/
((K@@@@@@@@@@@@@@@@@@@%*. ,*,. ,/(KK@@@@@@KK@@R/R%%%%%%%%%%%%%%%%KR@@@@@@@@@@@@@@@@R
RR@@@@@@@@@@@@@@@@@@@@@@%/RKK@@@@K%@@@@@@@@@@@@@@RR%%%%%%%%%%%%%%%%%%%%(@@@@@@@@@@@@@@@K*.
KKK@@@@@@@@@@@@@@@@@@@@R%@@@@@@@@@@@@@@@@@@@@@@@((K%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@%/
*(%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%(K%%%%%%%%%%%%R(((%%%%%%%K@@@@@@@@@@@@@@@/.
/K@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(%K%%%%%%%%%%%(R%%%(R%%%%%K@@@@@@@@@@@@@@@(
,(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K(K%%%%%%%%%%%RR%%%%%((R%%%%%%R%K@@@@@@@@@@/
/(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K(%%%%%%%%%%%%%(%%%%(R%%%%%%%%%RR@@@@K%RRRR///**,
*K@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K(%%%%%%%%%%%%%%%%%R(%%%%%%%%%%%%(%%%%%%%%%%%%%%%//,
*(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(R%%%%%%%%%%%%%%%%((%%%%%%%%%%%R(%%%%%%%%%%%%%%%R//
.*(R@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K(%%%%%%%%%%%%%%%%R/R%%%%%%%%%R(R%%R(%%%%%%%%%%%%%/*
./(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K(%KK%%%%%%%%%%%%K@R(R%KKK%R/(R%%%%R(%%%%%%%%%%%%/*
/%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K%RRR((RR(R%K@@@@@KKR(///(R%%%%%%(R%%%%%%%%%%%%/
*(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K%%%%%%RR%%%%%%%%%%%%R(*
%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@R%%%%%%%%%%%%%%%%%%R*/*
.%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%R%%%%%%%%%%%%%%%%%/* ,. *RR(.
,*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@RR%%%%%%%%%%%%%%R// (KKKKK%KKKKKK*
/(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@KR%%%%%%%%%%R(//. KKKKKKKKKKKKK%
*(K@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@KRRRRR((//RKK/* KKKKKKKKKKKKK
*(K@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K%R((R%%/* / // KKKKKKKKKKK
.,****,(%K@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K((((%@@@@@@@@@@@@@@@@@@KR KKKKK
*//(RRRR@@@@@@@@@@@@@@@@K%((RK@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%///(K%(%@@@@@@@@@@@@@@@@@@/
.(%@@@@@@@@@@@@@@@@@@@(///K@KRK@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K////R@@(/K@@@@@@@@@@@@@@@@@R*
.,,. /%@@@@@@@@@@@@@@@@@@@K////K@KR(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K/////////K@@@@@@@@@@@@@@KKKR*
,KKKKKKK( /%@@%RRRRRRR%K@@@@@@@R///(%R///@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@///%KR///%@@@@@@@@@@@@@@@@K/*/*/*.
RKKKKKKKK/%KKKK%, *//RK@@@@@@@@KRR@@@@@%///RK(///@@@@@@@@@@@@@@@@@@@@KK%R@@@@@@@@@@@@@@@R////////@@@@@@@@@@@@@@@@@R*
KKKKKKKKKKKKKKKKK* .**//K@@@@@@@@@@@@@@@KK@@@@R///////%@@@@@@@@@@@@@@@@@%KKKKKR%@@@@@@@@@@@@@@@@R///(K@@@@@@@@@@@@@@@@R/*
%KKKKKKKKKKKKKKKK% ,*(@@@@@@@@@@@@@@@@@@@@@@KK%(///RK@@@@@@@@@@@@@@@@@@@K%R%%K@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/
KKKKKKKKKKKKKKKK ,/R@@@@@@@@@@@@@@@@@@@@@@@@@%R(RK@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@KR(((/.
KKKKKKKKKKKKK .*%@@@@@@K@@@@@@@@@@@@@@@@@@@@@@@%(R@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(**/*.
KKKKKKKK ./%@@@@@@K@@@@@@@@@@@@@@@@@@@@@@@@@@@R(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(// /,.
,/(K@@@@@@@@K@KKKKK@@@@@@@@@@@@@@@@@@@@@K/(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@//*
*(@@@@@@@@@@@@@KK@@@@@@@@@@@@@@@@@@@@@@@@@%(%@@@@@@@@@@@KKK%%%KKK@@@@@@@@@@@@K@@@@@@@@@@@@@@@@K(*
/%@@@@@@@@@@@@@KK@@@@@@@@@@@@@@@@K%RRR%K@@@%(@@@@@@@@%/(KK@@@@@@@@@K@@@@@K@@@@@@KRR@@@@@@@KR(//
/RK@@@@@@K@@@@KKK@@@@@@KKK@@@@@%%K@@@@@@@@K(@@@@@@KR(K@@@@@@@@@@@@@@@@@@@@@@@@@@@@R(/ ////
*//* *%@@@@@@@@@@@@@@@@@@@@@R@@@@@@@@@KR(%K@@@(RK@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K/.,//*,.
*K@@@@@@@@@@@@@@@@@@@@K(%%K@@@@@K(/K@K((/(@@@@KKK@@@@@@@@@@@@@@@@@@@@@@@@@@@@%/R@@K(/ %(
@@@@@@@KK@@@@@@@@@K(R@@@@KRRR(%@@@@@@K/K@@@@@@@%%@@@@@@@@@@@@@@@@@@@@@@@@@@@R/K@@@@R,. KKK
//((///K@@@@@@@KR%@@@@@@@K%//(((RKKK/%@@@@@@@@RK@@@@@@@@@@@@@@@@@@@K@@@@@@K(%@@@@@K(*. (KKKR
,RKK */(RR(/R@@@@@@@@@@@@@R(K@@@K%R/%K@@@@@KR@@@@@@@@@@@@@@KKK@@@@K@@@@@KR(@@@@@@K(* .*KKKKK*
*RKK ,*/K@@@@@@@@@@@@@R%@@@@@@@@%R/(R((K@@@@@@@@K@@@@@@@KKK@@KK@@@@@%(%@@@@@@R/ *(%KKKKKKKKKKKKK%(.
*KKK ,(K% ,(R(K@@@@@@@@@@@@@K@@@@@@@@@@@@@@@@@@@@@@@@@@K@@@@@@@KK@@@@@@@@@R(@@@@@@@ KKKKKKKKKKKKKKKKKKKKK
KKK %KKK ./K@R(K@@@@@@@@@@@KK@@@@@@@@@@@@@@@K%@@@@@@@@@@KKKKKKK@@@@@@@@@@@((@@@@@( KKKKKKKKK
RKK% (KK% *(@@@KRR%@@@@@@@KRR@@@@@@@@@@@@@@@@@R%@@@@@@@@@@@@@@@@@@@@@@@@@@@R/@R(/// KKKKKK
KKR %KR* *R@@@@@@@@KR((((RK@@@@@@@@@@@@@@@@@@@R(RK@@@@@K@@@@@@@@@%R@@@@@@@@%* KKK%
KKR %K%( *(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K%(/RRR//%K@@@@@@K/*/%@@@@@@%/ KKK
%K%* KKK* /K@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@K%(R%K@K //(//*/* @
%KKR KKK%( *RK@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@R*
KKK KKK%R, /R@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@R*
KKKK* KKK *(%R(/R@@@@@@@%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@K/
K%KK(, *RK@R(RKKR@@K(K@@@@@@@@@@@@@@@@@@@@@@@@@@K(
KKKKK(. /@@@@@@@@@%R(((RK@@@@@@@@@@@@@@@@@@@@@@@@(*
KKKKKK%, /K@@@@@@@@@@@@@KR((RR%KKK@%%@@@R(RK@%//R((/.
*/R@@@@@@@@@@@@@@@R@@@@KKK@@@@K@@@KKK@@@@KR*
/(@@@@@@@@@@@@@%R@@@@@@@@@@@@@@@@@@@@@@KR*
(%@@@@@@@@KKRR@@@@@@@@@@@@@@@@@@@@@@@
*/RK%R(/ /%@@@@@@@@@@@@@@@@@@@@%
*/@@@@@@@@@@@@@@@@@K/*
*R%@@@@@%*////*//
*//(/*/
Para isso, acesse o ASCII art generator do site ManyTools. A primeira coisa é escolher uma imagem para enviar na área Image to convert to ASCII, com tamanho máximo de 0.5MB; acho legal enviar imagens sem plano de fundo (png). Eu escolhi essa Hello Kitty:
Se clicar em Convert já dá certo. Clique em Get code e você vai obter a imagem em Ascii preto e branco. Mas o conversor conta com outras opções, das quais achei interessante Width of output, para fazer a imagem maior ou menor, mas você poderá alterar o tamanho no código, Use Full Color para deixar colorido e Invert para o plano de fundo ficar preto e o Ascii mais nítido.
Depois de escolher as opções que quiser, clique em Convert e depois em Get code e copie o código da caixinha. Cole em uma área que aceite html, por exemplo, em um gadget html/javascript, no html da postagem... Ou em um editor de html, como o notepad, caso queira fazer alterações.
No código, você pode modificar algumas coisas....
~> onde diz line-height:8px; font-size:8px; caso você mude o número 8 para outro menor, a Ascii vai ficar menor. Os dois valores devem ser sempre os mesmos.
Mesmo se diminuir os valores, não altera o tamanho real caso você copie a ascii art para colar outro lugar.
~> em background: black; você pode apagar, caso queira que fique sem cor de plano de fundo, ou mudar a cor preto (black) por outra de sua preferência.
~> e se quiser ainda pode acrescentar depois de background: black; mais estilos, como por exemplo, uma largura, uma borda...
~> se editar o código no Notepad ou em outro editor de html, pode usar a opção localizar e substituir para trocar os símbolos da ascii art, que geralmente são #, &, @.... trocando pelas letras e símbolos que achar melhor.
Veja a Hello Kitty ascii em tamanho real aqui. E é isso por enquanto ;3
~> onde diz line-height:8px; font-size:8px; caso você mude o número 8 para outro menor, a Ascii vai ficar menor. Os dois valores devem ser sempre os mesmos.
Mesmo se diminuir os valores, não altera o tamanho real caso você copie a ascii art para colar outro lugar.
~> em background: black; você pode apagar, caso queira que fique sem cor de plano de fundo, ou mudar a cor preto (black) por outra de sua preferência.
~> e se quiser ainda pode acrescentar depois de background: black; mais estilos, como por exemplo, uma largura, uma borda...
~> se editar o código no Notepad ou em outro editor de html, pode usar a opção localizar e substituir para trocar os símbolos da ascii art, que geralmente são #, &, @.... trocando pelas letras e símbolos que achar melhor.
Veja a Hello Kitty ascii em tamanho real aqui. E é isso por enquanto ;3
Love your blog, the kawaii aesthetic is the BEST!!
ResponderExcluirThank you very much!
Excluir