There are cases when building a web page you want to add a frame to the image without using Photoshop or any other editor. CSS can help you with this problem adding colorful frames with your preferred width and style to the image.
You can make a simple frame around an image by using the CSS border, padding and background properties.
- Create a
element with a class name “frame”.
- Define an tag in theelement.
- Set the alt attribute for the image.
- Set the height and width for the frame.
- Specify the style, the width and the color of the border with the border shorthand property.
- Set a background-color.
- Set the margin to “auto” and the padding with two values. The first value sets the top and bottom sides, and the second one sets the right and left sides.
- Set the width and height of the image to 100%.
Now, you can see the full example.
Example of adding a frame around an image:¶
If you want to make a circle frame border for your image, you need to set the border-radius to 50% for all the sides of your border. Set the border-color, border-style, border-width properties according to your requirements. Do not forget to set the overflow property to “hidden” to make the rest of the image invisible.
Example of adding a circle frame around an image:¶
You can have different outputs by changing the border-radius and border-color properties. For example, if you want to have a square frame, you just need to set the border-radius to 0 for all the sides.
Example of adding a square frame around an image:¶
If you want to have rounded corners for specific corners, set the border-radius to 50px for the corners you want to be rounded. In this case, also change the width and height according to your image size.
Example of adding a frame with rounded corners:¶
How to Add a Border Image Frame to an Image¶
It is also possible to add an image as a border. For that purpose, CSS has a border-image property, which allows specifying an image as a border around an element.
Once you’ve selected a beautiful photo for print, the next step is to choose the right frame—one that enhances your photo and transforms it into true artwork. The good news is choosing a picture frame is easy once you know the basics. To help, we’re sharing all of the secrets on how to choose a picture frame, whether it’s metal, wood, black or white.
Shop Trending Categories
Canvas Wall Art
Baby Shower Gifts
After you’ve determined the ideal type of frame for your photo, finish your project by choosing from our personalized wooden frames and other types of frames.
Popular Types of Frames
A wide range of frame sizes and types are available and a few of them are especially popular: wood frames, black or white frames and metallic frames. These styles, when used right, amplify the overall presentation of your artwork.
Wood Picture Frames
As a natural material, wood offers a warm and classic feel. Ranging in color from light to dark depending on the finish used, wood frames give you plenty of options for complementing and contrasting your images. Photos with warmer tones, like red, brown and orange, look best with darker frames made of woods like mahogany and walnut. Cooler tones in an image, such as blues, greens and lavender, pair better with lighter wood frames made of oak, ash and pine.
Choosing a wood frame also depends on the rest of the decor in the room and your home. Wood frames vary from simple designs to ones with ornate and intricate detailing. So be sure to match your frame accordingly, whether that’s to your traditional, country, rustic or chic style.
Black or White Picture Frames
Placing your photo in a solid-colored frame, like black or white, can truly accentuate the beauty when used appropriately. Black frames offer an elegant, formal look, while white frames tend to be more casual and eclectic in nature. Both black and white frames carry a modern feel and streamlined appearance.
A black frame will highlight the darker features in your photo and act as a contrast to lighter ones. That’s why it’s best to use a photo with some light and dark tones in a black frame, in order to create a balanced look.
White frames generate a similar vibe. They tend to make the darkness in photos stand out, and the light hues to blend into the background. White frames work best for casual and candid photos.
Some people also choose to place black and white photos in these solid-colored frames. It often fosters an artistic, stylish feel, especially when creating a gallery wall.
Metallic Picture Frames
Metallic frames, like black frames, have a modern, trendy vibe. They lift a photo’s coloring, making it more vibrant and eye-catching. Because of its classy appearance, metallic picture frames work well for family portraits, stunning landscapes and wedding photos. Candid shots, on the other hand, may look better in a black, white or wood frame.
Black and white photos also pair well with metallic picture frames. They provide a contrasting color to the photograph itself.
Tips for choosing a frame
Tip 1: Don’t overemphasize matching specific colors in your photo to the frame color. Instead, consider the overall tone of the image when selecting a frame.
Tip 2: Select a lighter frame for casual or simple art—and choose a darker frame for more elegant or formal pieces.
Tip 3: Matching a frame to your existing room decor is more important than matching a color in your image to the frame itself. Choose a frame that either complements your current decor, or adds just the right spark of contrast.
Tip 4: To help your artwork stand out, ensure your frame color isn’t too similar to your wall color.
Tip 5: Your mat color and frame color should be different. When they’re too similar, attention is drawn to the framing rather than the artwork.
Substitutes for a Picture Frame
In addition to picture frames, there are other easy options for turning your photos into stunning artwork.
Canvas prints are designed with your image printed onto canvas using a specially-made inkjet printer. In other words, a photograph is transformed into a lasting piece of art. Canvas prints come either framed or frameless.
Metal prints are durable, high-definition photos displayed in a frameless design. The image is layered onto .45 inch thick metal panels and comes professionally finished. Metal prints are sleek, modern art pieces that bring photographs to life. Our metal prints come with a secure hanger attached for easy wall mounting.
Wood Wall Art
Another option for your photos is to create wood wall art. In this process, your image is carefully printed onto a piece of high-quality wood, forming a beautiful, timeless look. Wood wall art complements traditional, rustic, country and cottage homes.
Enjoy the process of choosing a picture frame by browsing our extensive collection of wall art and frames. Keep our tips in mind, but most importantly: remember to choose what feels right to you, and what matches your unique sense of style.
Whether you want something unique and creative or just need to use up some scrap wood, making your own picture frame can be easy and rewarding.
What is art? Critics and philosophers are free to debate the question endlessly, but we think it’s pretty simple: If there’s a frame around it, then it’s art! Less simple—but not so complex that you shouldn’t give it a try—is building your own picture frame. Beginning woodworkers love this project, and for many others it can be a great money-saver. Within only a weekend, provided you have access to a few basic tools, you can make a picture frame to keep for the rest of your life.
- Table saw
- Miter saw
- Wood router
- Measuring tape
- Wood glue
- See full list «
- Brad nails
- Wood stain
- Linseed oil
The following steps apply in a general way no matter what type of wood you want to use (or happen to have on hand), or what size you would like the picture frame to be. But for the sake of simplicity in this tutorial, we’ll assume that you intend to build an 11″ x 14″ picture frame from a 1″ x 4″ maple board that measures 4 feet long.
Setting the table saw at 1-1/2″ (from the blade to the fence), rip the wood board into two 4-foot-long pieces. These must be exactly the same width, so pass the wider of the two through the table saw a second time. (Of course, if you’d wanted the frame wider or narrower, you would have set the table saw accordingly.)
With a router, cut a 1/2″ x 1/2″ rabbet—that is, a rectilinear groove—along one of the long sides of each of the two pieces. The picture is going to lie against the rabbet, so if you expect to frame an item (or to use a mat) of considerable thickness, accommodate it by creating a more generous rabbet.
Use a miter saw to cut one end of both boards at a 45-degree angle, being careful to make sure that the rabbet runs along what is to become the inside of the frame. In other words, once you have finished cutting an angle into each board, the rabbeted edges should be opposite the longer (and pointier) side.
Measure the longer side of the picture you are going to frame; add 1/16″ to that measurement. Then choose one of the two boards and transfer that total measurement to its rabbeted side, marking the distance. Here, cut a 45-degree angle, this time in the direction opposite to the initial angled cut. Next, place the second board over the one into which you’ve just now cut a second angle. Mark the second board, then cut it so that you have a pair of identical pieces. On the two leftover pieces, repeat the process of measuring, marking, and cutting, this time using as a guide the shorter side of the picture to be framed. Make sure you’re keeping the rabbeted side to the inside of the frame.
Assemble the four pieces into a rectangular shape, remembering always to position the rabbet groove to the inside. Dab wood glue onto each joint, then fasten the pieces together by means of brad nails. Two nails close to each outside corner ought to do the trick. Wipe away any excess glue immediately. Let dry overnight.
Sand the picture frame, then wipe away any sawdust with a damp cloth. Once you have allowed enough time for the wood to dry completely, it’s safe to apply your choice of finish. (If you’re building with attractive lumber, I recommend finishing with linseed oil.) Having finished the piece, flip it over so the back (rabbeted) side is facing up. Fit a piece of cut-to-size glass into the frame, then lay the picture face down on the glass and place a backing over it. You have several options for securing everything in place, including glazing points or brads.
Congratulations, you’ve created a masterpiece: You might even decide to leave the picture out entirely, because the frame itself is such a work of art!
Stand or hang your favorite pictures with a perfect picture frame. IKEA has a wide selection of designs ranging from classic to modern. Your wall or table has no reason to be empty with all of IKEA’s signature picture frame series including favorites like RIBBA, TOLSBY, HOVSTA, FISKBO and many more. All our picture frame designs are available in a full range of sizes and colors from white and black, to pink and red, and everything in between for affordable prices.
Using photo and picture frames is a great way to infuse your personal life into your decor. Frames offer a great way to make the people and places you love a natural part of every room in your home, as well as celebrate friends, family, cherished memories and past adventures. Either way, the right picture frame will help highlight, contrast or tie your photos in with the rest of your interior design.
Frames in sizes and styles of all kinds
IKEA sells an array of different picture frame styles, shapes and colors.
Some are more basic and are available in sizes from 4″ by 6″ all the way to 24″ by 35 3/4″. Others are fixed in size but are more ornately designed to compensate. This can contribute as much to the décor as the picture it displays.
Make sure to choose the color and style of the photo frame based on where you want to use it. A tip is to use contrasting colors to accentuate and bring attention to your picture. For example, a black picture frame goes very well on a bright wall, while a white or silver frame does a good job of making your picture pop on a darker surface.
Complete your frames with picture mounts
A picture mount is like a secondary frame, inside the frame. It’s a piece of paper or cardboard that sits between your picture and the glass of the frame. It’s used both for decoration and to prevent your photo from touching the glass.
A picture mount is particularly striking when framing small prints in large picture frames. And this makes it easier for you to find a frame that fits, since you can frame smaller pictures in larger frames.
While picture mounts are included with most IKEA frames, they can always be removed if you prefer to not use one. You’ll find all the information and measurements you need in each frame’s product description.
Picking out artwork for your home is the fun part. But how do you go about framing it? There are a few tips and tricks you can use to make sure you’re choosing the perfect frame for the perfect print.
Please note: This page contains some affiliate links, which means if you purchase an item, I’ll receive a small commission at no extra cost to you. 😊
It’s much easier to find a great and ready-made frame if your artwork fits a standard size frame.
In my shop, I offer up to eleven sizes of art prints, each adhering to a standard size. I recommend buying frames online from Target or Michael’s, which offers a wide selection of sizes and materials. If you’re ordering online, you can customize your frame + mat sizes with Art to Frame. IKEA is also one of my top picks for inexpensive frames, but keep in mind that their sizes aren’t all American-standard.
Using mat windows strategically is my ultimate framing trick. The mat window is the opening that is cut in a thick paper board, allowing the artwork to peek through. Mats can accomplish two noteworthy things:
You don’t have to find an exact-size frame to fit your artwork. This is especially helpful if you purchased a print that isn’t a standard size. All you need to do is buy a frame in the next size (or two) up, then cut a mat board to fit the frame, with a window to showcase the art.
Mats create visual space for the artwork to breathe. Instead of the artwork jutting right up to the frame, a mat provides a border of whitespace.
Problem: You’ve purchased a small print and it feels swallowed by the wall.
Solution: Buy a frame a few sizes up, then cut a mat board to fit in the frame and showcase the art.
Your mat board can be any color of the rainbow. The key is to find something that helps the art stand out without being too distracting itself. Personally, I always stick with a bright white mat on archival board. (Choosing archival means that the white won’t fade to grey or yellow as time passes.)
Any framing store will be able to cut a mat for you. All you need to do is tell them your frame size, your artwork size, and your preferred mat board color. Be sure to leave a quarter inch of extra inch on each side so that the art print doesn’t just fall through the window. (For example: if the art print measures 8×10″, the actual mat opening should be 7.5×9.5″)
Even easier: You can also buy a frame with a ready-made mat already included.
To revist this article, visit My Profile, then View saved stories.
To revist this article, visit My Profile, then View saved stories.
All products featured on Vogue are independently selected by our editors. However, when you buy something through our retail links, we may earn an affiliate commission.
The dual questions of how to pick art, and then how to frame a picture or painting, are popping up more and more lately. Make sense: As we spend more time in our homes, suddenly those blank, bare spots on our walls are increasingly irksome. Filling them is no longer just a stylish choice, but something that saves our sanity, if only briefly.
Yet picking exactly what pieces to hang in those vacant voids is tricky. Mainly because art, and photographs, are such objects of individual taste. There’s no one-size-fits-all guide to what you should buy: Are you more into contemporary or classic art? Would you rather have photos of landscapes, or your family? “The idea of ‘art collecting’ is one of the most intimidating things some people can imagine. But it doesn’t have to be,” reassures Framebridge’s Creative Director Tessa Wolf. Her primary advice? Pick something personal; that way, you’ll never tire of it. “Anything is art once it’s in a frame,” she notes. “Every day, we frame hundreds and hundreds of pieces of original art, prints, and canvases, but we frame just as many receipts, tweet screenshots, scribbled mission statement drafts, and first generation iPods.”
But, if capital-A art is on your agenda, Wolff has some suggestions. One: go with that feeling in your gut. “For me, art is just about feeling. If looking at a piece makes you feel happy or nostalgic or optimistic, then it means something to you,” she says. “It doesn’t have to be expensive—most of my favorite pieces are random things I made when I was little or picked up while traveling—but it’s ok if it is.” Oftentimes Wolf scours Instagram for work, letting the algorithm act as a curator. Once you follow one artist you like, she says, the platform will suggest others that fit your taste.
Then, stop stressing about whether or not it’s an exact fit for your home’s color scheme or wallpaper. “It doesn’t have to perfectly match your decor. In fact, many would argue the most sophisticated houses mix modern and classic whenever possible,” she says. “Mix art with your family photos and framed ephemera in gallery walls above couches, beds or dining tables, or even start a small collection in a nook or corner.”
Once you’ve finally chosen something, it’s time to move onto the next step: framing it. “One thing to keep in mind when choosing frames for art is that you want to choose one that doesn’t take away or compete with the art itself,” says interior designer Sarah Sherman Samuel. “I tend to gravitate towards natural wood frames or slim black or white frames as they tend to be the most versatile.”
Now, where, exactly, should you place the piece? “When choosing where to hang art, I think pushing the boundaries with scale can lead to more interesting applications,” suggests Sherman Samuel. For example going for one huge framed piece of art on a wall that is not much bigger or placing a small sized piece off center for an asymmetrical composition on a large expanse.”
If you want to customize your Facebook profile picture, frames have been on the rise to celebrate important events, share the support of a cause, or share a favorite holiday. Over this past year, people have been showing their support for graduating classes, healthcare workers, social justice issues, and more with profile picture frames. You can choose from a variety of frames within the Facebook app, such as “Happy Birthday”, “Pride”, or “Quaranteam” but you can also submit your own custom frame for you and your friends to use!
In this tutorial, I’ll go over how to create your own custom profile picture frame to accessing pre-made frames on Facebook. Here are the steps:
- Open Kapwing
- Create a Transparent Canvas
- Customize Your Frame with Text, Images, and Emojis
- Export and Upload your Custom Frame to Facebook
- How to Access Pre-made Profile Picture Frames
Step One: Open Kapwing
Head over to https://www.kapwing.com/ where you can create and edit your custom profile picture frame. Once you are in Kapwing, select Get started, then choose Start with a blank canvas.
Step Two: Create a Transparent Canvas
When you enter the Kapwing Studio, the canvas size will be set to 1:1 which is the recommended size for a Facebook profile picture. Next, scroll down to Background Color in the right-hand panel and make the background transparent by selecting No Color, which has white and grey squares and a red line going through it.
How to change your background to transparent
Step Three: Customize Your Frame with Text, Images, and Emojis
Now it’s time to customize your frame. Before you get started, make sure that your design will fit within the profile picture safe area and not the invisible area which is greyed out. You can create a circle as a guideline on your transparent canvas and customize within the circle area and then remove it when you’re finished.
Kapwing has many popular tools such as text, images, and elements. I recommend using transparent icons and images since we will be exporting the entire image as a png. You could use transparent png images in your picture frame by putting “png” or “transparent” at the end of your search keyword.
Make sure the transparent images are actually transparent and don’t include a background
Once you have found some images that you’d like to use, resize them so that they are placed within the safe areas. Next, we’re going to add some text to our photo. On the right-hand side panel, there are a few text options that you can use. 1) Choose a font style, 2) Bold, italicize, or underline the text, 3) Change the text color, and 4) Choose a background color. When you’re finished customizing the Facebook profile picture frame, delete the circle on the canvas if you created one.
Use the text tools on the right-hand side panel to edit your text
Step Four: Export and Upload Your Custom Frame to Facebook
Click on Export Image in the top right corner and wait to be taken to the download page. On the download page, you should be able to preview your image and it should be transparent, meaning there should be no background. If your image is not transparent, click Edit and then change the background color to No Color / Transparent. Select Download and your image will be saved to your device.
Final profile picture frame look without the circle guideline Preview the image before downloading to make sure it is transparent
Next, we’re going to upload the frame to Facebook. Go to https://developers.facebook.com/products/frame-studio/ and select Create a frame. On the next screen, you will be able to upload your frame. Make sure you adjust the size and it looks correct in the preview.
Click Next and enter a few details about your picture frame such as the name, and some optional details such as location, schedule, and keywords. After including all of your details, click Publish. Now you can access your picture frame by going to your profile picture and selecting the camera button, then selecting the Frames tab. In the left-hand side panel search for your frame – mine is called “Hello Summer” – then scroll until you find your frame. Choose the frame and select Use as a profile picture.
Step Five: How to Access Pre-made Profile Picture Frames
To access a pre-made Facebook profile picture frame, go to your profile picture and select the camera button, then select the Frames tab. In the frames tab, you can search for frames or select one of the suggested frames. Select one that you like and click Use as a profile picture.
I hope this tutorial helped you create some fun Facebook profile picture frames. If you decide to create more, tag us @KapwingApp on social media – we’d love to see what you end up making. For more written tutorials like this one, visit our Resources page which can help with your video and photo editing needs. While you’re here, check out some related articles below.
Open the photo in Photoshop and look at the Layers panel. If there are multiple layers (for instance, if you’ve done earlier editing), choose Layer > Flatten Image to put everything on a Background layer, indicated by a lock icon. If it’s already a Background layer, push on ahead.
Bring the background forward
Choose Layer > New > Layer from Background and, in the dialog box that appears, click OK. This step will make it easy to adjust the border color.
Enlarge the canvas
Choose Image > Canvas Size, make sure the Relative checkbox is selected, and type the number of pixels to add around the image. Each number is split between edges, so entering 200 pixels in each field results in a border width of 100 pixels. Also ensure that the Anchor is set to the center square, and then click OK.
Create a border color
To create the border, click the Create a New Fill or Adjustment Layer button in the Layers panel and choose Solid Color. In the dialog box, set the color as white (if it’s not already) and click OK.
Send the border color to the back
Drag the new color fill layer below the image layer in the Layers panel.
Experiment with different looks
To change the border color, double-click the color swatch in the adjustment layer and select a new color.
Also try using different values in the Width and Height fields of the Canvas Size dialog for different framed looks. For example, enlarge the border by entering positive numbers, or make the border thinner by entering negative numbers. Since the border color is a fill layer, it adapts to the new shape.
Keep your options open
You probably wouldn’t permanently glue a photo into a frame, because you might change your mind. To give yourself the same freedom with your digital border, choose File > Save As to save a new version of the file. Now you can go back to the original, non-bordered version whenever you want.
- Define an tag in the