Hello, there! I'd like some help setting an image for a Instagram profile. Everytime I upload it the image get distorted around the white name and the inside picture. I looked for some tutorials on Google and so on, tried some filters but I can't solve it. The image resolution is 1080x1080. Can someone help me? Thanks in advance!
https://drive.google.com/file/d/1Z9Koksm...sp=sharing
![[Image: view?usp=sharing]](https://drive.google.com/file/d/1Z9KoksmiVqZAu4aDxJh8Lj2cqqOFx3Yv/view?usp=sharing)
Can you pose the original image and a screenshot of the result. It's hard to tell if what you posted is the original image.
(02-14-2021, 05:28 PM)Krikor Wrote: [ -> ]• ►Try using the plug-in seen at https://www.gimp-forum.net/Thread-ofn-enclosing-circle
I will try it out. Thanks!
(02-14-2021, 06:11 PM)Ofnuts Wrote: [ -> ] (02-14-2021, 05:02 PM)d4ni3lolli Wrote: [ -> ]Oh, sorry!
Original image:
https://drive.google.com/file/d/1LeDo9m3...AnPTm/view
Screenshot from Instagram:
https://drive.google.com/file/d/1Z9Koksm...Fx3Yv/view
I don't see the image as "distorted". Cropped to a circle, yes, but it has been the "in" thing with "social" sites (and some less social ones) for several years now. Typically they crop a centered circle whose diameter is the smallest dimension of the image provided.
Try to zoom in the cropped picture and you'll see something strange / distorted around the name and the lion. And it also happens when I upload an image to Instagram's feed. I'm a beginner to Gimp, maybe I'm doing something wrong when creating the image. May be the size? I'm using 1080x1080pixels. First, I create the blue background layer, next the lion image and then the text box, each one in a different layer. After that I save and export. Then I upload on Instagram and it gets like that. Apparently it's ok on mobile screen but it gets strange on desktop version, do you know what I mean?
(02-14-2021, 06:33 PM)d4ni3lolli Wrote: [ -> ]Try to zoom in the cropped picture and you'll see something strange / distorted around the name and the lion. And it also happens when I upload an image to Instagram's feed. I'm a beginner to Gimp, maybe I'm doing something wrong when creating the image. May be the size? I'm using 1080x1080pixels. First, I create the blue background layer, next the lion image and then the text box, each one in a different layer. After that I save and export. Then I upload on Instagram and it gets like that. Apparently it's ok on mobile screen but it gets strange on desktop version, do you know what I mean?
I was looking up Instagram requirements and just now see your second post. However it seems that 1080x1080 pix is a photo size not a profile picture size. Much too large, Instagram will scale and (1) introduce blurring (2) introduce color artifacts. The following seems to be reasonable.
Sizing your Instagram profile picture
In the Instagram app on your phone your profile photo will be: 100 x 100 1:1 aspect ratio (square)
In the Instagram web app your profile photo will be: 180x180 pixels 1:1 aspect ratio (square)
Finally the actual file Instagram stores is 320x320 pixels and 1:1. Because of this, ideally you should upload a 320x320 pixel image so that it will be crisp even in the desktop app and as future-proof as possible for Instagram updates.
from
https://logo.com/blog/how-to-make-a-logo...ep-by-step worth a read seems more sensible than most.
I rebuilt your logo before seeing the original
Nothing wrong with your image except size. The other only comment is Gimp 2.10 and small white text. It is horrible. One work-around is duplicate the text layer, then merge the two together, lock the layer alpha and fill with white. That gets rid of the coloured edge pixels. Space the characters out a little as well, when scaled down they tend to 'blend together'
FWIW a one minute animation of that.
https://i.imgur.com/Vch2aQ1.mp4
Exporting the result? png format must be favourite. Avoid jpeg.
(02-14-2021, 05:28 PM)Krikor Wrote: [ -> ]• ►Try using the plug-in seen at https://www.gimp-forum.net/Thread-ofn-enclosing-circle
(02-14-2021, 06:44 PM)rich2005 Wrote: [ -> ] (02-14-2021, 06:33 PM)d4ni3lolli Wrote: [ -> ]Try to zoom in the cropped picture and you'll see something strange / distorted around the name and the lion. And it also happens when I upload an image to Instagram's feed. I'm a beginner to Gimp, maybe I'm doing something wrong when creating the image. May be the size? I'm using 1080x1080pixels. First, I create the blue background layer, next the lion image and then the text box, each one in a different layer. After that I save and export. Then I upload on Instagram and it gets like that. Apparently it's ok on mobile screen but it gets strange on desktop version, do you know what I mean?
I was looking up Instagram requirements and just now see your second post. However it seems that 1080x1080 pix is a photo size not a profile picture size. Much too large, Instagram will scale and (1) introduce blurring (2) introduce color artifacts. The following seems to be reasonable.
Sizing your Instagram profile picture
In the Instagram app on your phone your profile photo will be: 100 x 100 1:1 aspect ratio (square)
In the Instagram web app your profile photo will be: 180x180 pixels 1:1 aspect ratio (square)
Finally the actual file Instagram stores is 320x320 pixels and 1:1. Because of this, ideally you should upload a 320x320 pixel image so that it will be crisp even in the desktop app and as future-proof as possible for Instagram updates.
from https://logo.com/blog/how-to-make-a-logo...ep-by-step worth a read seems more sensible than most.
I rebuilt your logo before seeing the original Nothing wrong with your image except size. The other only comment is Gimp 2.10 and small white text. It is horrible. One work-around is duplicate the text layer, then merge the two together, lock the layer alpha and fill with white. That gets rid of the coloured edge pixels. Space the characters out a little as well, when scaled down they tend to 'blend together'
FWIW a one minute animation of that. https://i.imgur.com/Vch2aQ1.mp4
Exporting the result? png format must be favourite. Avoid jpeg.
Thank you very much! I will try it!
(02-14-2021, 05:28 PM)Krikor Wrote: [ -> ]• ►Try using the plug-in seen at https://www.gimp-forum.net/Thread-ofn-enclosing-circle
(02-14-2021, 06:49 PM)d4ni3lolli Wrote: [ -> ] (02-14-2021, 05:28 PM)Krikor Wrote: [ -> ]• ►Try using the plug-in seen at https://www.gimp-forum.net/Thread-ofn-enclosing-circle
(02-14-2021, 06:44 PM)rich2005 Wrote: [ -> ] (02-14-2021, 06:33 PM)d4ni3lolli Wrote: [ -> ]Try to zoom in the cropped picture and you'll see something strange / distorted around the name and the lion. And it also happens when I upload an image to Instagram's feed. I'm a beginner to Gimp, maybe I'm doing something wrong when creating the image. May be the size? I'm using 1080x1080pixels. First, I create the blue background layer, next the lion image and then the text box, each one in a different layer. After that I save and export. Then I upload on Instagram and it gets like that. Apparently it's ok on mobile screen but it gets strange on desktop version, do you know what I mean?
I was looking up Instagram requirements and just now see your second post. However it seems that 1080x1080 pix is a photo size not a profile picture size. Much too large, Instagram will scale and (1) introduce blurring (2) introduce color artifacts. The following seems to be reasonable.
Sizing your Instagram profile picture
In the Instagram app on your phone your profile photo will be: 100 x 100 1:1 aspect ratio (square)
In the Instagram web app your profile photo will be: 180x180 pixels 1:1 aspect ratio (square)
Finally the actual file Instagram stores is 320x320 pixels and 1:1. Because of this, ideally you should upload a 320x320 pixel image so that it will be crisp even in the desktop app and as future-proof as possible for Instagram updates.
from https://logo.com/blog/how-to-make-a-logo...ep-by-step worth a read seems more sensible than most.
I rebuilt your logo before seeing the original Nothing wrong with your image except size. The other only comment is Gimp 2.10 and small white text. It is horrible. One work-around is duplicate the text layer, then merge the two together, lock the layer alpha and fill with white. That gets rid of the coloured edge pixels. Space the characters out a little as well, when scaled down they tend to 'blend together'
FWIW a one minute animation of that. https://i.imgur.com/Vch2aQ1.mp4
Exporting the result? png format must be favourite. Avoid jpeg.
Thank you very much! I will try it!
Thank you all for being so nice and helpful!
rich2005, I did exaclty as you told and showed in the video, however even doing that and sizing it correctly, the problem still continues (it gets better but it continues.)
(02-14-2021, 06:58 PM)Krikor Wrote: [ -> ]Quote:Krikor Wrote: Wrote:• ►Try using the plug-in seen at https://www.gimp-forum.net/Thread-ofn-enclosing-circle
I will try it out. Thanks!
Using this plug-in this is what I got.
320x320
Thanks,
Krikor! But cropping doesn't seen to be the problem, I've just tried uploading the image you send but the problem still continues.