All about Augmented Reality in eCommerce. For products like rugs and paintings, we have amazing tips and tricks on how to instantly create AR experience for them. And we also have plenty of articles on how to scan 3D models for 3D AR.

In this category we also cover lots of information about AR Viewers. The use of WebAR or AR in web viewers is increasing as AR technology is always growing and the web viewers with latest technology gives you a very similar experience to native view. WebAR or AR in web viewers need no additional mobile app to process. They can be processed via the web browser.

Native viewers need an app to process the AR experience which is specifically created for the device’s OS you are using. Unfortunately when it comes to requiring your potential client to use an app for AR experience with your eCommerce website, the hassle of downloading the app may be too much for them, so they postpone this to a later time.

There also is a use of artificial intelligence or AI in augmented reality file preparation.

There are AR technology providers that use artificial intelligence (AI) to detect all the issues your rug’s photo may have for being able to be inserted into an AR environment.

In 3D experiences, a phone scanner can really help. There are technologies that can scan the 3D environment, or can convert a bunch of photos from different angels into a 3D model.

USDZ and GLB are the best format of the files that are compatible for AR environments, in either WebAR or Native AR.

Augmented Reality (AR) for Images

Augmented Reality (AR) for Images, Photos, Wall Arts, and Picture Frames

Augmented Reality (AR) for images is a topic that has been popular these years. Wall art is one of the markets that can benefit from technology. Due to the current situation in the world, most people prefer online shopping; on the other hand, the return rates also go up because people may not find their purchases fitting. There are certain reasons for these rising return rates including:

  • Size
  • Shape
  • Pattern
  • Etc.

Using Augmented Reality, websites that showcase wall arts and

AR has been growing fast and its pick has been in 2020, as it’s been a huge pick in usage of eCommerce websites all around the world. As the result of not being able to visit the art galleries and stores as frenquently as past, around the world, AR or Augmented Reality has become a very useful tool for those who are active in art industries such as wall arts to virtualize the experience of putting the wall art on the wall in your place, either home, office, hotel, etc. Instant Virtual Experience (IVE) can instantly bring all these AR features to your website, if you are one of those business owners who showcases and sells wall arts.

How to use AR for photos, art, and picture frames on wall?

Augmented Reality (AR) for Images Preview
A Preview of Augmented Reality (AR) for Images

Augmented Reality (AR) for Images

Wall art is one of the best products that can benefit from AR and it’s not a difficult task to create a 3D model of a picture frame, wall art, photograph or things like clocks. The reason is they all have 2 dimensions. A wall art is basically an image that turns into a 3D model and it has no depth (d) or Y. AR processors can detect the size of the wall, distance to the wall, size of the photo or picture frame, and give you the best experience of trying the art or picture frame before actually bringing the physical product into your place.

The setup of Augmented Reality (AR) for images, wall arts, and picture frames

Augmented Reality (AR) for images, wall arts, photos, and picture frames starts from conversion of the 2D photo to a 3D model, processing the size, and then placement of that on the detected wall in your place. You can either use a manual conversion or creation of 3D models, or use Instant Virtual Experience.

Alignment of wall arts or photos for AR

Wall arts are the sort of products that are very difficult to take a high-resolution photo of, from the right in front of them. In majority of the cases, the photos are taken in a perspective structure, and that makes it difficult to instantly bring the photo to Augmented Reality (AR) environment. Photos taken by the artists, gallery visitors, designers, or suppliers, may need some graphic designing work, retouching, background removal, or alignment, before they are ready for AR. Some AR technology providers design their platforms with lots of tools for you to use and minimize the editing steps as much as possible.

Wall arts, photographs, picture frames behind other objects in Augmented Reality

Another challenge in AR for wall arts and photos to place on the wall is the fact that the AR viewer you use must be able to detect other objects and place the art or picture behind the other object if required. That object can be a TV, a part of a furniture, etc. Unfortunately this is not always up to the AR viewer, as it also depends on the phone and os capabilities, or any other device that you or your website visitor is using. The phone should have depth sensors to be able to detect if there is anything in between your phone and the virtual picture frame, wall art, or photograph on the wall.

When you use a 3D scanner for some photo or picture on the wall, you will most likely need to perform some edits and make sure no part of the wall is scanned as a part of the art, and the alignment of corners are correct. Conversion of a 2D photograph sometimes works better than scanning a wall art, unless, you would like to scan some details of a picture frame that has volume to that.

Phone scanners can be a useful too but due to fact that wall arts have a large area, scanning them using a phone may be very time-consuming. On top of scanning they also need to be cropped, and exported to the files you can use in AR.

How to prepare a photo for augmented reality (AR) on the wall?

The process of preparing a photo for wall augmented reality (AR)

A summary of the process is:

  1. Taking photo of the art or using a photo you have
  2. Removing the background
  3. Aligning the corners of the photo to be all in one line.
  4. 2D to 3D Conversion which can be done using some mobile app, Blender software application, Udemy, 3DsMAX, Maya, etc.
  5. Exporting USDZ and GLB or converting .OBJ file for USDZ and GLB
  6. Linking the AR files (USDZ and GLB) to an AR viewer
  7. Using AR viewer on the website.

AR Generator for Photos

There are AR technology providers that use artificial intelligence (AI) can detect the issues that your wall art, picture frame, or photograph may have for entering into an AR environment. these issues can be

  • Busy background (Very common)
  • Art being on a wall with dark color
  • Corners not being aligned (Very common)
  • Incompatible aspect ratio with the actual photo / item (Very common)
  • Very light and very dark colors that will make the texture of object difficult to realize
  • Having light reflection on some parts of the wall parts

Automatic AR rug preparation systems can detect the majority of these problems and get them fixed. In the ones that give you a platform, you may need to do them one by one for each rug. But in some other ones such as instant virtual experience (IVE), it automatically detects which issue to fix, and fixes that before sending the rug for AR.

Manually preparing an image for AR

Here I have a step by step general instructions to create an AR environment for rugs.

  1. Take a high resolution photo of your wall art, preferably with a uni-color background.
  2. Remove the background and the area you don’t want in, and save it as PNG.
  3. Align the corners using the smart crop tool on photoshop, in order to have a perfect rectangle (/square /circle /oval) of the photo, that feels like the photo is taken from right in front.
  4. Adjust the colors to get the closest combination to the real rug. If you use photoshop, you can use Selective Color, Brightness, Contrast, and Toning.
  5. Remove the light reflections from your wall art, or photo.
  6. Fix the aspect ratio of the photo to match the actual aspect ratio of the product.
  7. Using a 3D modeling application like 3D Max, Blender, Autodesk, Maya, etc, give the image 1/4 inch of depth, so it has a little bit of volume to that.
  8. Now you need to export your 3D model as USDZ, and GLB, for iOS and Android AR Experience.
  9. Link your files to an AR viewer and use the AR viewer on your website.

AR Viewer for wall arts, photographs, and picture frames

There are 2 types of AR viewers to use for your wall arts’ 3D models

  • Web Viewers
  • Native Viewer (iOS / Android)

Web Viewers

The use of WebAR or AR in web viewers is increasing as AR technology is always growing and the web viewers with latest technology gives you a very similar experience to native view. WebAR or AR in web viewers need no additional mobile app to process. They can be processed via the web browser.

Native Viewers

Native viewers need an app to process the AR experience which is specifically created for the device’s OS you are using. Unfortunately when it comes to requiring your potential client to use an app for AR experience with your eCommerce website, the hassle of downloading the app may be too much for them, so they postpone this to a later time.

In my personal opinion, WebAR or AR in web viewers can be much more successful in eCommerce than AR in native viewers.

Augmented Reality or AR in Rug Industry

Rug industry is one of the industries that can take major advantages from technology. Nowadays the majority of sales are being done online, and unfortunately when the return rates also go up, as a lot of people who buy rugs don’t really know if that rug fits their place the way they expected or not. It can be because of many factors such as

  • Size
  • Color
  • Shape
  • Pattern
  • Design
  • Etc.

With Augmented Reality, rug companies can give an amazing tool to their potential clients for trying on the rug in their space, before purchasing it.

AR has always been growing since the beginning. In 2020, it has had the most growth in eCommerce due to the very special condition the whole world is in these years. As the result of not being able to travel a lot, and visit the rug stores very frequently, and for the fact that shipping and returning products take longer times than it could take prior to 2020, AR or Augmented Reality has become a great tool for business owners in rug, and carpet industry to virtualize the experience of having the carpet at home, in the room, in your own space. Instant Virtual Experience (IVE) can instantly bring all these AR features to your rug website.

How does AR work in the rug industry?

Augmented Reality for Rug and Carpet is Easy

Rug is one of the best products for Augmented Reality, as it’s simpler to create a 3D model of a rug, rather than products that have 3 dimensions. A rug is basically an image that turns into a 3D model with no height (h) or Z. AR processors can detect the size of the room, size of the rug, and give you the best experience of trying the rug before actually bringing the physical rug into your space.

The challenge in Augmented Reality (AR) for rug businesses

Although Augmented Reality (AR) for rugs and carpets is not as difficult as it is to perform for other industries, there definitely are some challenges to deal with just like any other technology.

Alignment of rug corners for AR

Rugs are the sort of products that are very difficult to take a high-resolution photo of, from the top of the rug. In majority of the cases, the photos are taken in a perspective structure, and that makes it difficult to instantly bring the photo to Augmented Reality (AR) environment. Photos taken by the rug owners, either a shop owner, designer, or supplier, may need some graphic designing work, retouching, background removal, or alignment, before they are ready for AR. This makes the previous steps to have the rug ready for AR a little bit tricky. But nothing to worry about, as some AR technology providers design their platforms with lots of tools for you to use and minimize the editing steps as much as possible.

Rugs going under the furniture in AR environment

Another challenge in AR for Rug industry is the fact that the AR viewer you use must be able to detect other furniture and place the rug underneath the other furniture if required. Unfortunately this is not all up to the AR viewer. It also depends on the phone, or any other device that you or your website visitor is using. The phone should have depth sensors to be able to detect if there is anything in between your phone and the virtual rug on the ground.

You most likely cannot use 3D scanner for a rug

Not in all cases, but in the majority of cases 3D scanners fail to detect rugs’ very minimal heights. So in the result of the scanning the rug may be a little bit like a box with a bigger height than your rugs’ height.

Needless to mention, since rugs are usually big, 3D scanners may be unable to see the whole rug.

Phone scanners can be a little bit more successful but they may be very time-consuming to scan the rug, process it, crop it, and export to the files you need.

How to prepare a rug for augmented reality (AR)

The process of preparing a rug’s photo for augmented reality (AR)

A summary of the process is:

Photo of Rug → Background Removal → Corners Alignment → 2D to 3D Conversion → Exporting USDZ and GLB → Linking to an AR viewer → Using AR viewer on the website.

Automatic Rug Preparation for AR

There are AR technology providers that use artificial intelligence (AI) to detect all the issues your rug’s photo may have for being able to be inserted into an AR environment.

The issues a rug’s photo may have can be

  • Busy background (Very common)
  • Corners not being aligned (Very common)
  • Incompatible aspect ratio with actual rug (Very common)
  • Colors being super dark, or super light
  • Having light reflection on some parts

Automatic AR rug preparation systems can detect the majority of these problems and get them fixed. In the ones that give you a platform, you may need to do them one by one for each rug. But in some other ones such as instant virtual experience (IVE), it automatically detects which issue to fix, and fixes that before sending the rug for AR.

Manual Rug Preparation for AR

Here I have a step by step general instructions to create an AR environment for rugs.

  1. Take a high resolution photo of your rug, preferably with a uni-color background.
  2. Remove the background of the rug.
  3. Align the corners using the smart crop tool on photoshop, in order to have a perfect rectangle (/square /circle /oval) of the rug, that feels like the photo is taken from the top.
  4. Adjust the colors to get the closest combination to the real rug.
  5. Remove the light reflections from your rug’s photo
  6. Fix the aspect ratio of the rug to match the actual aspect ratio of the rug.
  7. Using a 3D modeling application like 3D Max, Autodesk, Maya, etc, give the rug an inch of depth.
  8. Now you need to export your 3D model as USDZ, and GLB, for iOS and Android AR Experience.
  9. Link your files to an AR viewer and use the AR viewer on your website.

AR Viewer for Rugs

There are 2 types of AR viewers to use for your rugs’ 3D models

  • Web Viewers
  • Native Viewer (iOS / Android)

Web Viewers

The use of WebAR or AR in web viewers is increasing as AR technology is always growing and the web viewers with latest technology gives you a very similar experience to native view. WebAR or AR in web viewers need no additional mobile app to process. They can be processed via the web browser.

Native Viewers

Native viewers need an app to process the AR experience which is specifically created for the device’s OS you are using. Unfortunately when it comes to requiring your potential client to use an app for AR experience with your eCommerce website, the hassle of downloading the app may be too much for them, so they postpone this to a later time.

In my personal opinion, WebAR or AR in web viewers can be much more successful in eCommerce than AR in native viewers.