Online Flat Icon Generator: Yksinkertainen AppWeb, joka luo tasaisia ​​tai tasaisia ​​kuvakkeita

Aloitan sanomalla jotain, jonka monet saattavat tietää ... mutta sillä ei ole väliä: HTML5 + CSS3 + JS ... aivan täydellinen 🙂

Käyttäjä kirjoitti minulle sähköpostiviestin, jossa hän kysyi opetusohjelmalta, jolla hän voi luoda litteitä kuvakkeita, jotka ovat litteitä ja mikä on uutta muotia verkossa. Erityisesti halusi Inkscape o Gimp chat-tyylinen painike tai jotain, joka palvelisi (tai viite) Snapchat.

Koska olen kauhea Inkscapen kanssa ja myös sisällön luominen tyhjästä jopa Gimpin kanssa, muistan, että vähän aikaa sitten näin pienen verkkosovelluksen (index.html, jossa on joitain css ja js), jonka avulla voimme luoda helposti ja nopeasti litteitä kuvakkeita nykyisellä tavalla, tiedätkö, tasaiset mallit.

Tasainen kuvageneraattori

online-flat-icon-generaattori

Siinä on joukko ennalta määritettyjä kuvakkeita, esimerkiksi kannettavan tietokoneen kuvake, mobiililaitteet (kuvakaappauksessa näytettävä), lahja, polkupyörä ... uff, niitä on melko paljon, todella suuri valikoima:

online-flat-icon-generator-kuvakkeet

Mutta ei ole kyse vain kuvakkeen asettamisesta ja nyt ... voimme määrittää kuvakkeen koon tai kuvan koon sellaisenaan (kuvake + tausta) kahdella vaakapalkilla. Näkymän koko näkyy selvästi pikseleinä… 256… 512… jne

Seuraava vaihtoehto antaa meille mahdollisuuden valita taustan väri ja kuvakkeen väri. Oletuksena kuvake on valkoinen ja tausta on sininen, jotta se ei törmää kovin paljon.

Lopuksi siinä vaihtoehtojen vasemmalla puolella olevassa palkissa se antaa meille mahdollisuuden määritellä, ovatko kuvakkeen reunat neliön muotoisia vai haluammeko toisaalta lopputuloksen pyöreän muotoisen.

Jätän sinulle kuvakaappauksen näistä vaihtoehdoista:

online-flat-icon-generator-vaihtoehdot

Toisaalta yläosassa se näyttää meille reaaliajassa syntyvän ja muuttuvan kuvakkeen tiedot. Toisin sanoen, jos pelaat ympäri kokoja ja värejä, huomaat, että nämä tiedot muuttuvat aina reaaliajassa:

online-flat-icon-generator-top

Kuten näette, meillä on myös painike Hanki kuvake, joka näyttäisi meille PNG: ssä jo generoidun kuvakkeen toisessa välilehdessä, jossa voimme napsauttaa hiiren kakkospainikkeella + Tallenna ja voila, meillä on tasainen kuvake, jonka luomme haluttuun kansioon tietokoneellamme.

Lataa Flat Icon Generator

Jos haluat kokeilla sitä itse (jonka kuvittelen, olkoon niin haha), tässä on linkki:

Tasainen kuvageneraattori

Toivon tämän noudattavan sitä, mitä käyttäjä pyysi minulta sähköpostitse, vaikka se ei ole opetusohjelma painikkeen luomiseksi Gimpillä tai Inkscape: llä, no, kuvittelen silti, että se palvelee mitä haluat. Itse asiassa et voi vain luoda linkin painiketta lataa snapchat, mutta se voi jopa luoda valtaosan sivustosi kuvakkeista tai painikkeista tai mitä ikinä teetkin 😀

Terveisiä ja toivon, että olet löytänyt sen mielenkiintoiselta.


10 kommenttia, jätä omasi

Jätä kommentti

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*

*

  1. Vastuussa tiedoista: Miguel Ángel Gatón
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.

  1.   illukki dijo

    En ymmärtänyt miten sitä käytetään pueden Voitteko tehdä vain sen antamat kuvakevaihtoehdot?

  2.   Percaff_TI99 dijo

    Se on erittäin hyvä, kirjoitan linkin.
    Käytän yleensä IcoMoon-sovellusta (https://icomoon.io/app/#/select), joka on myös varsin mielenkiintoinen ja erittäin kattava; vaikka en tiedä onko se täsmälleen sama kuin mitä postissa viitataan.

    Tervehdys.

  3.   mat1986 dijo

    Pidin ajatuksesta mukauttaa kuvakkeita, pidin linkeistä (sinun ja käyttäjän Percaff_TI99). Tallennan ne suosikkeihini 😀

  4.   eliotime3000 dijo

    Mielenkiintoisia ehdotuksia, vaikka mieluummin jo käytän Inkscape-ohjelmaa, koska litteiden kuvakkeiden tekeminen on helppoa (itse asiassa se on käytännöllisempää kuin toinen käyttämäni vektorieditori, vaikka en edelleenkään tottunut tekemään edistyneempää vektorigrafiikkaa sovelluksen kanssa).

  5.   Ivan Garcia dijo

    Erittäin käytännöllinen ja helppo käyttää. Voit myös kattaa nämä tarpeet käyttämällä Font Awesome: http://fortawesome.github.io/Font-Awesome/

    1.    Sergio dijo

      Kiitos jakamisesta! että 🙂

  6.   Sergio dijo

    Mene niin mielenkiintoiseksi, että se palvelee monia projekteja. Mietin, millainen verkkosovellus on, voidaanko sitä siirtää Firefox-käyttöjärjestelmälle? Luodaanko verkkosovellus suora pikakuvake tai vastaava sen käyttämiseksi? Anteeksi, en tiedä miksi kysyn.

  7.   Ana dijo

    Nyt kun olemme jouluna, monet vanhemmat antavat lapsilleen älypuhelimen kuninkaille. Mikä on yksi ensimmäisistä asioista, joita teet näillä laitteilla? Epäilemättä yksi heistä, ellei ensimmäinen, tulee ladata snapchat ja toinen heistä on whatsappin kuvaus. Koska nämä ovat ilmaisia ​​sovelluksia, useimmilla teini-ikäisillä on ne puhelimillaan.

  8.   Sergio dijo

    Mielestäni yksi snapchat-tyyppisten sovellusten onnistumisen syistä on ensinnäkin, että ne ovat ilmaisia, toisaalta muoti on luotu lähettämään kuvia melkein kaikesta, mitä tehdään koko päivän ja lopulta erittäin helppokäyttöisen sovelluksen takia

  9.   Snapchat-maailma dijo

    Erinomainen! Tämä verkkosivusto on auttanut minua paljon uuden sivustoni logon luomisessa snapchatissä, samaan aikaan kyselyn tehneen käyttäjän kanssa. Lähetän sinulle halauksen Paraguaysta, sivusto on erittäin hyvä 😉 Terveisiä.