Create pattern

Edit Pattern is a web tool that can edit and create pattern online.

Pattern's Dimension (in pixels)

Drawing tool

To save pattern : log in or create account

User Area

General Gallery : All patterns shared by users


Pattern's Options



Here is the matrix of the pattern :
Here is the code to display the pattern on a web page :

With Base64 code

Create a file with a text editor, put the html,css code, and save this as example.html

See another Html & Css integration with Image file
Just save pattern image (Get Image) and use this html,css code.
Copy and paste a pattern matrix here :

16px
16px 
See Edit Pattern Presentation

A pattern is here an image that can be repeated (like the background preview displayed when you draw something on the grid).

The size of the pattern image is defined by the dimension given at the beginning of the draw : by example 16 x 16 pixels : create pattern

  • You can choose to display repeated background on a webpage with (Html & Css code button) by example or display background on your computer desktop :
    See code to display this effect on a webpage
    (just with a repeat effect into the css code)
  • Or simply use the image as an icon create pattern mail sample and insert it into your Website....
    See code to display this icon on a webpage
    (just Get image Button then save image to your computer)
  • Or use the image as a favicon: just create image 16x16 pixels then Get Image as .ico
    and put this code into your webpage : <link rel="shortcut icon" href="favicon.ico" />
    favicon sample
  • So on Editpattern you got differents ways to create image...
    - Just choose a dimension between 1px to 50px to create pattern...
    - Once you have create a pattern, you can save the pattern to your account...
    Edit the pattern later & once again save it.

    You got questions ? or feedbacks ? send us message

    MARCH 23th 1.05pm ... Website updated...some bugs have been fixed...

    Updates coming soon :
    1) Vote for a pattern (use to be on the old version but not on this one)
    3) Edit Pattern will be translated into 2 others languages...
    Stay tuned :)

    © 2012 - Editpattern.com - V2.7 - Contact - Feedback - Editpattern on Twitter - Faq