Create a logo that is 512x512 square dimension in PNG format without animations. Suggested file size should be 10k or less. Use a lossy image tool (such as pngquant) to reduce file size while keeping the image quality at around 80%.

MAINTAINERS: The logo should be added to the root folder of the repo, and be named logo.png. This must be present on your project’s default branch. If you have a logo as the first image in the Images field on your project page, please remove it. The logo will be displayed on the cards in the Project Browser grid and list views.

Proposed resolution

Both this new logo and a re-sized version of the logo on drupal.org are available to choose from.

CommentFileSizeAuthor
#26 add-to-any-logo.png6.42 KBurvashi_vora
#26 add-to-any-original-logo.png1.43 KBurvashi_vora
#24 Screenshot 2023-09-09 at 4.35.39 PM.png128.48 KBleslieg
#22 addtoany_preview_uv7.png117.61 KBlostcarpark
#22 addtoany_preview_uv6.png122.01 KBlostcarpark
#21 add-to-any-logo-2.png4.41 KBurvashi_vora
#21 add-to-any-logo-1.png5.4 KBurvashi_vora
#20 addtoany_preview_uv5.png136.14 KBlostcarpark
#20 addtoany_preview_uv4.png121.6 KBlostcarpark
#20 addtoany_preview_uv3.png118.73 KBlostcarpark
#20 addtoany_preview_uv2.png128.37 KBlostcarpark
#20 addtoany_preview_uv1.png123.89 KBlostcarpark
#19 add-to-any.png9.05 KBurvashi_vora
#18 add-to-any-logo-2.png4.87 KBurvashi_vora
#18 add-to-any-logo-1.png4.09 KBurvashi_vora
#16 add_to_any_logo.png8.04 KBurvashi_vora
#15 accurate-dimesion-512x512.png184.19 KBurvashi_vora
#15 512x512.png71.52 KBurvashi_vora
#14 image-inspector-2.png108.74 KBomkar-pd
#14 image-inspector-1.png130.97 KBomkar-pd
#12 Screenshot 2023-08-31 at 6.38.07 AM.png16.01 KBvolkswagenchick
#11 Image-inspector.png125.3 KBurvashi_vora
#10 image-property-screenshot.png16.38 KBurvashi_vora
#10 image-size-online.png78.37 KBurvashi_vora
#10 online-tool-screenshot.png19.15 KBurvashi_vora
#8 add-to-any-logo.png8.71 KBurvashi_vora
#6 add-to-any-logo-2.png7.99 KBurvashi_vora
#6 add-to-any-logo-1.png6.49 KBurvashi_vora
#4 add-to-any-1.png8.77 KBurvashi_vora
#4 add-to-any.png6.49 KBurvashi_vora
#2 add-to-any-2.png6.1 KBurvashi_vora
#2 add-to-any-1.png8.77 KBurvashi_vora

Comments

chrisfromredfin created an issue. See original summary.

urvashi_vora’s picture

Status: Needs work » Needs review
StatusFileSize
new8.77 KB
new6.1 KB

Hi,
Please review.

Thanks

volkswagenchick’s picture

Status: Needs review » Needs work

The Twitter logo is outdated, now that they are "X"

urvashi_vora’s picture

Status: Needs work » Needs review
StatusFileSize
new6.49 KB
new8.77 KB

Hi,

Please review

Thanks

volkswagenchick’s picture

Will you update both logos?

urvashi_vora’s picture

StatusFileSize
new6.49 KB
new7.99 KB

Hi @volkswagenchick,

Yes, I have updated both logos with latest icon of twitter.

volkswagenchick’s picture

Status: Needs review » Needs work

I like add-to-any-logo-2.png, but the logos are too close to the edge and some seem pixelized.

urvashi_vora’s picture

Status: Needs work » Needs review
StatusFileSize
new8.71 KB

Modified the logo, please verify.

Thanks

volkswagenchick’s picture

Status: Needs review » Needs work

I might be mistaken but this new logo is only 350x350 and the requirements are 512x512.

I do like this last logo in comment #8 more than the others FWIW

urvashi_vora’s picture

Status: Needs work » Needs review
StatusFileSize
new19.15 KB
new78.37 KB
new16.38 KB

Hi @volkswagenchick,

The image is 512x512 only, as I have used the canvas of the similar size for designing the logo, also I have cross-verified it using an online tool (posterburner.com and imageonline.co) as well as the image property of the file.

Attaching screenshots.

Please review.

Thanks

urvashi_vora’s picture

StatusFileSize
new125.3 KB

Also, when we open the image in new tab from drupal.org, we can see the image attributes (height:512px and width:512px), also cross-verified the same and attaching the screenshot.

volkswagenchick’s picture

Issue summary: View changes
StatusFileSize
new16.01 KB

Off when I open the inspector it is 359x359....Am I not looking at the right thing?

Thanks

urvashi_vora’s picture

It's quite unusual! Perhaps it's related to the screen resolution. Would you consider checking it using an online tool?

Alternatively, we could wait for someone else to validate this. I've personally tested it using various methods, and the output seems accurate on my end.

omkar-pd’s picture

StatusFileSize
new130.97 KB
new108.74 KB

It's changing due to the inspector. If we dock the inspector to the right or in a new window we can see it's 512 x 512. Check screenshots.

urvashi_vora’s picture

StatusFileSize
new71.52 KB
new184.19 KB

Thanks @omkar-pd for confirming. I was assuming the same.

@volkswagenchick I am using laptop resolution and as I change the percentages for responsiveness, the image dimensions get changed in the inspector. I am attaching a couple of screenshots to explain the issue better.

As you can see, although I have changed the dimension, but when I hover on the tab, it shows me original dimension i.e. 512x512.

Thanks

urvashi_vora’s picture

StatusFileSize
new8.04 KB

Thanks to "Dan Shelton" for tweaking the image from 96dpi to 72dpi.

Uploading. Please review.

Thanks

lostcarpark’s picture

I think the problem is likely to be the use of the browser's "inspect" function, and in some cases the inspect panel will squeeze the image and force it to scale. In that case the scaled size will be shown rather than the true size, so if using inspect to check, make sure the image is showing at full size.

I don't think altering the DPI is necessary.

I'll prepare previews of the logos later, but I'd have a slight concern about how the many logos in a circle will look at smaller sizes.

urvashi_vora’s picture

StatusFileSize
new4.09 KB
new4.87 KB

Hi @lostcarpark,

Please review these logos.

Thanks

urvashi_vora’s picture

StatusFileSize
new9.05 KB
lostcarpark’s picture

StatusFileSize
new123.89 KB
new128.37 KB
new118.73 KB
new121.6 KB
new136.14 KB

Sorry for the the delay in looking at this. @urvashi_vora has created an impressive selection of options.

Starting with an older one:

Logo 1

I like this one. It's simple and pretty clear. Obviously the Twitter logo needs updating. However it has a clear background, and on dark themes the + sign gets a bit lost. Would it be possible to put the + on a light grey background? I think it would be nice to keep a transparent background separating the boxes.

Logo 2

I like the concept of the logos in a circle, but I feel there too many elements and they are too small.

Logo 3

This one is nice, and I like the idea of more generic sites rather than specific site logos.

Logo 4

This one makes me think of jellyfish. I'm not sure it works as website proxies. However I think I prefer the + on this one to the previous one. So maybe combining the + from this with the speech bubbles from the previous one would be worth a try.

Logo 5

As a design this one looks quite nice, but I'm not really sure what any of the elements represent (except the Drupal logo), so I don't think it really works.

Of these, the first one is my favourite. If the points I mentioned could be fixed, I think it would be spot on.

Confirming that all images are PNG files, the dimensions are 512x512 pixels, and the files are under 10K.

urvashi_vora’s picture

StatusFileSize
new5.4 KB
new4.41 KB

Hi @lostcarpark,

I worked on the suggestions.

Please review.
Thanks

lostcarpark’s picture

StatusFileSize
new122.01 KB
new117.61 KB

Thanks for the quick work, @urvashi_vora!

Logo 6

I think this one is the best. I think the combination of social media logos with the plus sign makes it very clear, and everything is a reasonable size. This gets my +1.

Logo 7

I think this one is good too. I do think having more generic site icons instead of specific logos has merit, but it does inevitably make it a bit more abstract.

If we can get a few more votes, we should be able to move RTBC.

jwilson3’s picture

I dont understand why this isn't just using an adaptation of the official AddToAny logo which is already uploaded to the Drupal project page:

https://www.drupal.org/files/project-images/drupal-addtoany-logo.png

Drupal AddToAny Logo

All it needs is to be resized and cropped to 512x512 square.

leslieg’s picture

StatusFileSize
new128.48 KB

That's a good point @jwilson3. Looks like they were attempting to make a single representation of the two images on the drupal.org module page

Let's let the module maintainers determine if they like this proposed new logo. Otherwise we'll have to resize the plus sign logo that's on the module page now.

leslieg’s picture

@lostcarpark. what are your thoughts on changing the gray background on the plus sign to the color on the current drupal,org module page? If that can happen on on https://www.drupal.org/files/issues/2023-09-06/add-to-any-logo-1.png then I'm +1 on that logo moving forward for maintianer review.

urvashi_vora’s picture

StatusFileSize
new1.43 KB
new6.42 KB

Hi,

I have updated both the preferred logos, the + with module's color background and the original logo in 512X512 dimensions.

Please review.

Thanks

leslieg’s picture

Issue summary: View changes
Status: Needs review » Reviewed & tested by the community

Thanks @urvashi_vora I'll send both versions from #26 to the maintainer to select from.

Moving to RTBC

leslieg’s picture

Status: Reviewed & tested by the community » Fixed

Assigned credit and marked as fixed.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.